アンカータグを含むイメージを1行に表示する方法は？

Question

は、ここに私のHTMLです：

<td class="fmt-str-h"> 
<a href="#"> 
<img class="icon" src="img/preferences-system.png"> 
Tools</a> 
</td> 

、これは私のCSSです：

TD.fmt-str-h  { text-align: left; padding: 4px 8px 4px 12px; } 
TD.fmt-str-h A {color: #fff;} 
A    { text-decoration: none; 
        color: #0071dd; 
        font-weight: normal; } 
IMG.icon   { padding: 2px; 
        color: #FFF; 
        cursor: pointer; 
        vertical-align: middle; } 

This is the result of my code.

だから、私はアイコンがそのアンカータグと1行にあるようにしたいです。私はTDとアンカーで "display：inline-block"を試しましたが、何も起こりませんでした。 それを手伝ってもらえますか？

Answer 1

ありがとうございました:)働いたあなたのfmt-str-h Aクラス

TD.fmt-str-h A { 
    color: #fff; 
    white-space: nowrap; 
}