Question

我有代码here。在这段代码中，可以看出有一个带有类图像的div标签，文本出现在右侧。因为有很多文本，一些文本在右侧可见，一些文本在图像标签下方。 无论有多少文字，我希望此文字出现在右侧。

我如何实现这一目标？

<div class="image"></div>
<p class="text">adsadas Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ornare viverra erat vel ornare.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ornare viverra erat vel ornare.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ornare viverra erat vel ornare. adsadas Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ornare viverra erat vel ornare.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ornare viverra erat vel ornare.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ornare viverra erat vel ornare.</p>

CSS

.image {
width: 100px;
height: 100px;
float: left;
border: 1px solid #999;
}

Answer 1

我认为您只需根据图片的margin-left为您的段落width：

margin-left: 110px;

演示：http://jsfiddle.net/Q7JhN/1/

将文字保留在图像的右侧

1 个答案: