[英]css paragraph not floating around div
我的浮动广告素材...有点..但是我在调整浏览器大小时遇到问题。 我希望文本在屏幕变小时环绕div,但是只是向右挤在一行较长的文本底部。
这是一些照片。
这是当它更宽时
然后这就是我调整浏览器大小时的操作
我的html看起来像这样
<div class="info">
<div class="userInfo">
<p>info here</p>
<img>
</div>
<div class="bio">
<p>paragraph</p>
<p>paragraph</p>
<p>paragraph</p>
</div>
</div>
和我的CSS看起来像这样
.userInfo{
float: left;
}
.bio p{
padding-left: 14em;
}
您将不得不在与图像相同的div内移动段落,并浮动实际图像。 像这样的东西: http : //jsfiddle.net/cLcJu/
如您所见,代码非常简单:
<div class="userInfo">
<p>some content above the image</p>
<img src='path_to_image'>
<p>A bunch of content to the right of and underneath the image</p>
</div>
和CSS
.userInfo img {
display: block;
float: left;
padding: 10px;
}
这应该工作:
的HTML
<div class="info">
<div class="userInfo">
<p>info here</p>
<img src="image">
<p>paragraph</p>
</div>
</div>
的CSS
.userInfo img { float: left; }
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.