2014-01-27 122 views
0

我對PHP很有點新,而且我很困惑事情的結構。我上傳了一個圖標,我想在中間對齊圖標右側的文字。我附上了它現在看起來像的圖像。而我想要它看起來像。這是一個微小的差異,但它在那裏!幫幫我?謝謝!CSS僅適用於圖像而不適用於文本

enter image description here

<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> 
+1

這和PHP完全沒有關係。你可能使用PHP來生成這個html,但修復它將是一個純粹的HTML解決方案。 –

+0

嗯,有趣。謝謝!我會放棄它。 – user2605157

回答

2

這有什麼做用PHP,只是HTML/CSS。你可能會遇到很多像這樣的問題 - 不幸的是,你只能靠經驗學習。

這裏要做的是在<img><span>元素上使用vertical-align: midddle

http://jsfiddle.net/xKXFj/

+0

這樣做!對不起,我剛剛意識到與WordPress的文本編輯器混淆。我也可以在7分鐘內給你一個綠色箭頭。再次感謝! – user2605157

相關問題