CSS只应用于图像而不是文本

Question

我是PHP的新手，我真的很困惑事情的结构。我上传了一个图标，我想在中间对齐图标右侧的文字。我附上了现在的样子。我希望它看起来像什么。它有点不同但它就在那里！救命？谢谢！

<a href="http://footballxo.com/wp-content/uploads/2013/04/draft.png">
  <img class="alignnone size-full wp-image-3074" style="height: 26px; width: 22px;" alt="draft"
       src="http://footballxo.com/wp-content/uploads/2013/04/draft.png"
       width="39" height="48" /></a>
<span style="font-size: 20px; font-weight: lighter; letter-spacing: 1px; color: #609d6f;">Draft Coverage</span>

Answer 1

这与PHP无关，只与HTML / CSS有关。你可能会遇到很多像这样的问题 - 不幸的是，你真的只能通过经验来学习。

这里有用的是在vertical-align: midddle和<img>元素上使用<span>。

http://jsfiddle.net/xKXFj/