2013-03-19 2 views
3

У меня есть код 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; 
} 

ответ

1

Я думаю, вам просто нужно дать свой пункт а margin-left на основе width вашего изображения:

margin-left: 110px; 

Демо: http://jsfiddle.net/Q7JhN/1/

Смежные вопросы