Задачка на тему верстки (CSS)

psylosss,

Это Hx? Если я правильно понял что нужно, то попробуйте добавить для заголовка display:block

Segey, да, допустим, это <h3>. Добавление к нему display:block не поможет - он и так блочный

psylosss,

можете код выложить?

<div style="width:500px;">

<!-- начало врезки -->
<div id="vrezka" style="float:right;width:200px;padding:10px;background:#FF9999;">
Вакансии<br>
Разработчики<br>
    * J2ME приложения<br>
    * Яндекс.Почта<br>
    * Windows Mobile приложения<br>
</div>	
<!-- конец врезки -->
	

<img src="http://www.picamatic.com/show/2008/07/04/09/556746_101x80.gif" align="left"> 
Яндекс — крупнейший российский портал.
<h3 style="clear:both;">Подзаголовок</h3>
Яндекс — крупнейший российский портал, предлагающий пользователям ключевые веб-сервисы. Ежедневная аудитория Яндекса — восемь миллионов человек. В компании «Яндекс» работает более тысячи сотрудников в шести российских и украинских офисах.



</div>

Вот как это выглядит (ошибка: второй абзац упал под врезку).

А вот так выглядит, если не задавать clear:both у подзаголовка (ошибка: подзаголовок начинается сбоку от картинки предыдущего абзаца).

psylosss, картинку вставьте правильно просто, слева от текста в определенном блоке, заголовок поместите в другой блок...

Не так случаем?

Prior, почти, только ещё пару блоков не мешало бы добавить, один который бдет охватывать картинку с текстом внутри обтекающего.

Ну, блоки уже вставить не проблема ... psylosss, я думаю, и сам справится )

А почему обязательно clear:both ? Можно же, скажем, clear:left использовать. 🚬

Ткач, Prior, Nick Bubelo, читайте внимательнее задачу:

Так что то, что конкретно в данном примере картинка слева - чистая случайность. Она может быть как по центру, так и справа. Ее вообще может не быть. Это же статья! Более того, там может быть 2 картинки: одна слева, другая справа.