将图标和文本并排对齐以正确显示 - 帮助！ :(

Question

我需要有关以下代码的帮助。我是 SUPER NEW，刚刚学会了 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>

Answer 1

尝试将 position: relative; 和 top: $px; 或 bottom: $px; 属性添加到图像（其中 $ 是您希望图像 space 从上还是下）。像这样：

img {position: relative; top: 2px;}

这很容易，但初学者有时会错过它。

希望对您有所帮助。

将图标和文本并排对齐以正确显示 - 帮助！ :(

Align Icon and text right next to each other for proper sho display - help! :(

css

styles