CSS中照片旁边的文字对齐

Question

我想知道是否有某种方法可以对齐照片右侧的文本,并且即使在图像结束后使用HTML和CSS,也可以将文本保留在同一个"框"中.我试图完成的快速"图表"如下:

------- --------
------- --------
-Image- - Text -
------- --------
------- --------
        --------
        --------

谢谢你的帮助!

Answer 1

如果你在文本div上设置一个宽度并浮动图像和文本左边(浮动:左),那应该可以解决问题.两者之后清除浮子.

<div style="float:left; width:200px">
    <img/>
</div>

<div style="float:left; width:200px">
    Text text text
</div>

<div style="clear:both"></div>