Обтекание текста изображения через CSS

[Bulat Ibrahim]

Всем привет. Нужно сделать следующий вид:
В CSS использовал float: right;, и не смотря на то, что большое изображение у меня находится внутри первого абзаца, последующий абзац "залезает" под этот рисунок. Пробовал использовать свойство чистки clear, изображение уходит куда-то в самый низ сайта... Помогите пожалуйста решить эту проблему...
Вот сейчас у меня как получается:

Вот код HTML:

<h4>Windows 10:</h4>
<p><img class="rasemUrta" src="../../images/windows/tatarchakurenesh1kechkena.jpg" <!--Это и есть то большое изображение--> width="300" height="226" alt="Башлау төймәсе">
<span class="kalyn" style="font-size: 18px">1. </span>Унынчы Windows-ның күрсәтелешен татар теленә күчерү өчен, "Башлау" төймәсенә 
<img src="../../images/windows/winbuttonstart.png" width="20" height="22" alt="Башлау төймәсе"> басып, система параметрларына күчәргә кирәк.</p>
<p><span class="kalyn" style="font-size: 18px">2. </span>Ачылган тәрәзәдә, «Вакыт һәм Тел» бүлегенә күчәргә.</p>

Вот стили, которые я прописал для картинки:

#urtaBit .rasemUrta {
display: block;
margin-left: 10px;
float: right;
}

[Naive]

clear должен быть у второго абзаца