画像リンクの上に文字リンクを乗せる方法は？

質問

画像（アイコン）リンクの上にテストで、文字リンクを貼りつけたいのですが、どのようにしたらよいでしょうか？

ちなみに、リンク先はphpで読み込ませています。

ソースは

<li><a href="<!--{$smarty.const.URL_DIR}-->abouts/index.php"><img src="<!--{$TPL_DIR}-->img/side/about_on.jpg" width="166" height="30" alt="当サイトについて" style="border: none" name="about" id="about" /></a></li>

のようになっています。現在、画像（アイコン）リンクはこれで表示できています。

どなたかよろしくお願い致します。

回答No.1

yambejp

アンカーのスタイルシートでdisplayをblockにして、backgroundに
イメージを置いてやればよいのでは？

お礼

別の方法でしたが、解決しました！
CSSでdisplay: block;という案も使えましたので参考になりました。
ありがとうございます☆

補足

思い切ってtableを使って表示はできたのですが、
左寄せになりません・・・。
そのような場合、CSSをどのように書き換えればいいでしょうか？

また、display: block;にした場合、CSSはどのようになりますか！？

全然分からなくてすみません。。。