Помогите оторвать текст от картинки

Уважаемый Римлянин, на кой чёрт Вы изображения вставляете в абзацы текста? 😕

На каждое изображение надо выделять отдельную (от других изображений и от текста) ячейку таблицы, тогда всё будет в порядке.

<div style="float: right; margin: 5px;">
<a title="виллы, отели курорта Трускавец, описание номеров, фото, видео" href="http://toursector.org.ua/truskavec/villy/"><img class="alignright size-full wp-image-751" title="виллы, отели, Трускавца описание номеров, фото, видео номеров" src="http://toursector.org.ua/wp-content/uploads/2011/10/kristina_small.jpg" alt="" width="133" height="100" /></a>
</div>

? что-то новое. 🙄 Или очень старое.

Так, как здесь сделано.

Это для Вас новое? 😕

Если нужно сделать отступы, то нужно смотреть эту часть CSS

element.style {

float: right;

margin-bottom: 15px;

margin-left: 15px;

отступ от верха картинки

margin-top: 15px; Вписываем свое значение

А вообще поставь Хром или Firebug для Фаерфокс и эспериментируй на лету.

У FF не нужно ничего ставить, все так же на лету делается.

Я вот не совсем пойму, в вордпрессе вставить из редактора картинку сразу после ее заливки есть чекбоксы про выравнивание, ссылку с картинки и т.п., почему этим не пользоваться, я делать через жопу, лазая и правя код за собой же?

---------- Добавлено 12.02.2012 в 09:24 ----------

Значит очень старое. Такое старое, что мне и в голову не пришло посоветовать размечать подобным образом страницу в вордпрессе, который сверстан дивами и позволяет выравнивать все современными средствами разметки.