HTML: Текст на том же месте

Мое изображение говорит все.

В # 1 скриншот, как это прямо сейчас

В # 2, как я хочу, чтобы это было

Как я могу это сделать?

Вот мой текущий HTML:

<div> 
<span style='float: left; margin: 10px; width: 60px; display: block;'> 
<img style='border: 1px solid #FFF; width: 61px; height: 80px;' src='images/profilePhoto/thumbs/104.jpg'> 
<br>Rafo O. 
</span> 
<h1>(inget ämne)</h1> 
<div> 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec fringilla urna eget urna euismod aliquet. Duis porta volutpat blandit. Phasellus bibendum bibendum porta. Nunc molestie tristique leo, sed euismod orci ultricies vitae. Mauris non libero a leo ultricies laoreet. Suspendisse luctus urna vel sapien tristique vitae semper nulla eleifend. Integer congue aliquam pharetra. Phasellus diam neque, tincidunt vel elementum vel, ornare sit amet mi. Nulla tincidunt purus in odio vulputate mollis. Nunc urna odio, rutrum eu ultricies a, facilisis ullamcorper nunc. In purus velit, varius vel laoreet eu, tincidunt non purus. Nulla facilisi. Sed ac lectus nibh. Praesent non velit nibh.<br /> 
........ 
</div> 
<p style='float: right; color: grey; font-weight: bold;'>1-11-2010 kl. 13:28</p></div> 
<div class='clearfloat'></div>

источник

2010-11-02 Johnson

только боковое примечание, вы можете подумать о том, чтобы использовать Firebug для динамического тестирования ответов с помощью стилей CSS. –

@ Майкл Мао, как? – Johnson

просто получите Firefox и установите его Firebug, затем проверьте элемент, который вы хотите отлаживать, а затем примените его к стилям CSS, как это было предложено в ответ. В Googles есть все, что вам нужно. –

Добавить запас слева от текста:

<div style="margin-left:100px;"> 
    <h1>(inget ämne)</h1> 
    <div> 
     Lorem ipsum dolor sit amet, consectetur adipiscing elit. [...] 
    </div> 
</div>

Вы должны рассмотреть unobstrusive CSS и переместить ваши стили из вашей разметки (использование внешних файлов).

источник

2010-11-03 00:03:28 jwueller

HTML: Текст на том же месте

ответ

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