3

ここにコードがあります。このコードでは、クラス画像を含む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;
}
4

1 に答える 1

1

画像にmargin-left基づいて段落を指定するだけでよいと思います。width

margin-left: 110px;

デモ: http://jsfiddle.net/Q7JhN/1/

于 2013-03-19T06:40:40.690 に答える