我需要以下代码的帮助。我是超级新手，刚刚学习了html和css。比方说我还在学习。我希望这个图标显示出来，旁边是文本。问题是摄像头（图标）与下一个摄像头没有正确对齐。图标是文本中的一小部分。我希望它居中。我希望有人能帮助我。提前谢谢你。
<html>
<body>
<p>
<h2>
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAACR0lEQVR4nO3aP2sTcRzH8aOhRDqIo4h/QBEnwcnBR+BSELQo6KwPQR+AqJsUHHRToSilurj4BBzcBC0q0oqLS2m1FRVEfTkkxSOkzf353V3S/N6QLb9PPt937i7J75IkkUgkEolEIinQxiU8wRLWuo8lLOAi2sOaXwqcw0eDWcbZYcsvDFqYzVCsl9toNZ0fQsCdAuU2mW06v+zwZ0qUg7+Ybiq/7PC7ZDsnB7Gsz4Wr6vwQAi4EKLfJTN35IQQ8Dlhwru78EAI+BCz4ru78EAK+BSy4UXd+FBBAwPuABd/WnR9CwFzAgg/rzg8hYOw/BieFOUzf6POdver8UBLG96twquSNEgWvN50fQsB4/xxOFR3PDZGekm2dq/cDLOJn97GI+ziv/JZYZflFCh3U2YtbyfDONM2Kzl7ikZIz78WjBAew2uREBVnF/gKDT+AKvkCiY3NUmc85/HG8SAck2Gikehi+Zhx8Cjfxqzcgqb1yYDIMP4PPW66vr2o1bDP4ITwbuL7yhhXTZ/AWruJ7pvWVtquBnuFP4lWu9XleoAmy9MNu3MOfPMPvCAE4rXNTtRA7QUApooAoIAqIAqKAKCAKiAJGVkD3OVO4hd/BBQw7PbJO4GWu9dXUqo8+R8wELmM90/pK29XANqfOPswPXF99xWrJcA2Zxqct18t4qAwpWTdF9+CuPvsFCZ7W3TogC1kEpEScwut0QIJjOv/UHjXWcDSPgK6ESVzDD7qnkP+3xkbhHsG6MLfGDuN5mYxIJBKJRCKjzT8YxRMTHEdMlgAAAABJRU5ErkJggg=="/>
This a camera
</h2>
</p>
</body>
</html>尝试将position: relative;和top: $px;或bottom: $px;属性添加到图像中（其中$是希望图像从顶部或底部隔开的像素数）。像这样：
img {position: relative; top: 2px;}
这很容易，但初学者有时会错过。
希望能有所帮助。