artmasterclass

Народ, ну простите мою серость.
Конечно же, знаний CSS не то чтобы не хватает, их просто нет вообще. Ведь я не делаю сайт, а только наполняю его контентом. Ну вот так у нас в России устроено, что приходится быть «на все руки от скуки».

Так и не получается решить проблему. Правильно ли я делаю?
1. В разделе «Внешний вид» захожу во вкладку «Редактор»
Открываю свою тему, нахожу

img{
	border:none;
}

вставляю после img{ следующий фрагмент:

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

Обновляю файл, захожу на сайт — ничего не изменилось. Текст как был в правом нижнем углу от картинки — так там и остался.

2. Пробую по-другому. Открываю style.css темы Twenty Ten. Нахожу блок

/* =Images
-------------------------------------------------------------- */

копирую его весь и вставляю в свою тему. Сохраняю, захожу на свой сайт — и простите, офигеваю, все изменилось до неузнаваемости, а текст как был прилеплен к правому нижнему углу картинки, так и продолжает там быть. Вот блок, который я скопировала и вставила в свою тему после img{: http://pastebin.com/rT6c8QQZ

Помогите чайнику, плиз… ну очень нужно… ‘((

[Сообщение отредактировано согласно правилам форума. Для цитирования больших фрагментов кода используйте, пожалуйста, сервис Pastebin.]

В окне редактирования изображения нет функции «обтекание». Где ее искать?