html – 文本对齐于CSS中的照片

前端之家收集整理的这篇文章主要介绍了html – 文本对齐于CSS中的照片前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想知道如果有一些方法来对齐照片右边的文本,并且即使在使用 HTML和CSS的图像结束之后,仍将文本保留在相同的“框”中.我试图完成的一个快速“图表”如下所示:
------- --------
------- --------
-Image- - Text -
------- --------
------- --------
        --------
        --------

感谢任何帮助!

解决方法

如果在文本div上设置宽度,并将图像和文本左移(float:left),则应该执行该操作.两者之后清除浮标.
<div style="float:left; width:200px">
    <img/>
</div>

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

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

猜你在找的HTML相关文章