css - 如何使文本与图像右对齐？

Question

我有一个包含图像的超链接，没什么特别的 - 就像这样。

我想按照附件 1 将文本对齐到图像的右侧，但结果是按照附件 2。我还需要阻止超链接，以便它填充矩形(它的宽度和高度)

有人知道如何实现吗？

Answer 1

很多方法可以做到这一点:

使用 <div>的

<div style="width: 200px;">
<div style="float: left; width: 70px;">
<img src="http://a0.twimg.com/profile_images/749158551/Ry_reasonably_small.jpg" width="64" height="64" />
</div>
<div style="float: right; width: 130px;">
<p><strong><a href="#">This is a really really over sized title for a link to neverland</a></strong></p><p>Some other text</p>
</div>
<div style="clear: both;">
</div>

使用 <table>

<table width="200">
  <tr>
   <td rowspan="2"><img src="http://a0.twimg.com/profile_images/749158551/Ry_reasonably_small.jpg" width="64" height="64" /></td>
   <td><strong><a href="#">This is a really really over sized title for a link to neverland</a></strong></td>
 </tr>
  <tr>
   <td>Some other text</td>
 </tr>
</table>