Форум сайта MyRusakov.ru

Добрый день.
есть такая задача: внутри параграфа нужно вставить заголовок четвертого уровня. При этом внешне заголовок не отличается от текста обычного параграфа (тут пока вопросов нет). проблема в том, что заголовок автоматом перескакивает на новую строку. следующих за заголовком текст скачет под заголовок. как сделать обтекание заголовка текстом без скачков на новую строку самого заголовка и идущего следом текста?
--------------------------------
вот часть кода:
ары первой, второй и </p><div class="line"><h4 class="line">(а компот???!!!)</h4></div><p> третьей (но не последней) необхо
ниже вырезка из каскадной таблицы:
.line {
display: inline-block;
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 13px;
border: 1px solid red;
font-weight: 300;
margin: 0;
padding: 0;
clear: none;
}

h4.line {
display: inline-block;
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 13px;
border: 1px solid red;
font-weight: 300;
margin: 0;
padding: 0;
clear: none;
}
-------------------------------
если кто знает как "побороть" такую, на первый взляд лёгкую, задачу, подскажите решение.
спасибо

Надо использовать свойство float: http://htmlbook.ru/css/float

спасибо большое за быстрый ответ.
завтра попробую поставить float:none;
я с флотом эксперементировал, только не помню почему none не испытал.
потом сообщу о результате.
наперед забегу - див можно не использовать? сразу применить стиль к заголовку?

Да, можно.

граце ) (как говорят норвежцы)

Михаил, спасибо за участие, но, к сожалению, этот прием срабатывает только наполовину. строка, идущая следом за заголовком, становится правильно (т.е., как раз в той же строке что и заголовок), а вот сам сам заголовок не терпит чтобы перед ним что либо в строке маячило.
еще кое что:
визуальные редакторы джумлы и вордпресса самостоятельно обрамляют заголовок тегами параграфа, т.е. перед h4 закрывают параграф /p , а после /h4 открывают новый - p.
я отключил в джумле визуальный редакатор и убрал теги p и /p, но результат не изменился, хотя в исходном коде все красиво.
<p>В первых строках <h4 style="float: none; display: inline-block">своего резюме</h4> я не стану заострять внимание
в вордпрессе же вообще цирк - в html-редакторе тегов p и /p нет, но когда открываю исходный код страницы, перед заголовком стоит тег переноса br, а после заголовка появляется тег p.
может быть есть идеи как можно побороть этот косяк?

Используйте таблицы, тогда и будет что-то слева, а что-то справа.

я попробую таблицей, но, согласитесь, подбирать ширину таблицу и трех td для того чтобы текст смотрелся равномерно - решение не изящное и даже, наверное, вымученное.
я думаю, есть какой нибудь способ решения этого вопроса, но вот какой??? пока не пойму.