html - 在 div 周围环绕文本

Question

希望你能帮我

我正在尝试创建一个新闻网站

我想将 div 中的图像添加到我的文本中。我想要左边的文字和右边的图像。因此，当文本比图像长时，文本将填满整个内容页面。

希望你明白我的意思

Answer 1

你想添加 float:left; 和 float:right 到您的 CSS 属性。

这是一个显示这个的小提琴：http: //jsfiddle.net/MathiasaurusRex/3W256/

您将 < img > 包装在您的 < p > 标签中，并以您想要的任何方式浮动每个标签。

CSS

p{float:left;}
img{float:right;}

HTML

<div>
    <p> <img src="http://lorempixel.com/400/200/"/>"But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness."</p>
</div>

Answer 2

将 inline 用于 div 的显示属性。