Привет! Добро пожаловать в пример с картинками! Это самый лучший способ понять как будут выглядеть изображения в статье.

Всего существует несколько видов выравнивания: без выравнивания, по левому краю. по центру, по правому краю. А еще можно выбрать размер картинки: маленький, средний, большой или полный

Эта картинка выровнена <strong>по центру</strong>

<img class="wp-image-49834 size-full aligncenter" src="http://demo.wpruse.ru/wp-content/uploads/2013/01/img580x300.jpg" alt="" width="580" height="300" />

&nbsp;

<strong><img class="wp-image-1455 size-full alignleft" src="http://demo.wpruse.ru/wp-content/uploads/2013/01/img150x150.jpg" alt="" width="150" height="150" /></strong>Здесь вы видите как текст обтекает изображение размером 150 × 150 пикселей, которое выровнено по левому краю. Как вы можете видеть, должно быть некоторое пространство сверху, снизу и справа от изображения. Текст не должен наползать на изображение. Наползание - это не правильно.

А в этом абзаце видно что текст перемещается под картинку, это и есть обтекание. В зависимости от ширины ваше страницы так будет всегда. Вуаля!

Это очень большое изображение не имеет никакого выравнивания.

<img class="alignnone wp-image-1458 size-full" src="http://demo.wpruse.ru/wp-content/uploads/2013/01/img1200.jpg" alt="" width="1200" height="621" />

Изображение больше 1200 пикселей в ширину, не должно вываливаться из области содержимого. Если это происходит, значит у вас проблемы с версткой.

<img class="wp-image-1456 size-medium alignright" src="http://demo.wpruse.ru/wp-content/uploads/2013/01/img300x200.jpg" alt="" width="300" height="200" />А теперь мы собираемся перенести вещи на выравнивается по правому краю. Опять же, должно быть достаточно места выше, ниже и слева от изображения. Только посмотрите на него там ... Эй парень! Путь к рок, что правая сторона. Меня не волнует, что говорит выравнивание по левому краю изображения, вы великолепно выглядите. Не позволяйте никому сказать вам по-другому.

Всего лишь немного здесь, вы должны увидеть текст начать, чтобы обернуть ниже выравнивание по правому краю изображения и оседают в красиво. Там еще должно быть достаточно места, и все должно сидеть Хорошо Да ... Так же, как это. Он никогда не чувствовал себя так хорошо, чтобы быть правильным.

А еще у картинок могут быть подписи!

А изображение выровнено по центру. Обратите внимание: в подписи есть ссылка, проверьте как она выглядит

[caption id="attachment_1455" align="alignleft" width="150"]<img class="wp-image-1455 size-full" src="http://demo.wpruse.ru/wp-content/uploads/2013/01/img150x150.jpg" alt="" width="150" height="150" /> Маленькая подпись[/caption]

Здесь вы видите как текст обтекает изображение размером 150 × 150 пикселей, которое выровнено по левому краю. Как вы можете видеть, должно быть некоторое пространство сверху, снизу и справа от изображения. Текст не должен наползать на изображение. Наползание - это не правильно.

А в этом абзаце видно что текст перемещается под картинку, это и есть обтекание. В зависимости от ширины ваше страницы так будет всегда. Вуаля!

Это очень большое изображение не имеет никакого выравнивания.

[caption id="attachment_1459" align="aligncenter" width="1200"]<img class="wp-image-1459 size-full" src="http://demo.wpruse.ru/wp-content/uploads/2013/01/img1200x400.jpg" alt="Image Alignment 1200x400" width="1200" height="400" /> Подпись под очень большой картинкой[/caption]

Изображение больше 1200 пикселей в ширину, не должна вываливаться из области содержимого. Если это происходит, значит у вас проблемы с версткой.

[caption id="attachment_1456" align="alignright" width="300"]<img class="wp-image-1456 size-full" src="http://demo.wpruse.ru/wp-content/uploads/2013/01/img300x200.jpg" alt="Image Alignment 300x200" width="300" height="200" /> Подпись под картинкой, выровненной по правому краю[/caption]

А теперь мы собираемся перенести вещи на выравнивается по правому краю. Опять же, должно быть достаточно места выше, ниже и слева от изображения. Только посмотрите на него там ... Эй парень! Путь к рок, что правая сторона. Меня не волнует, что говорит выравнивание по левому краю изображения, вы великолепно выглядите. Не позволяйте никому сказать вам по-другому.

Всего лишь немного здесь, вы должны увидеть текст начать, чтобы обернуть ниже выравнивание по правому краю изображения и оседают в красиво. Там еще должно быть достаточно места, и все должно сидеть Хорошо Да ... Так же, как это. Он никогда не чувствовал себя так хорошо, чтобы быть правильным.

Вот и все что вам требуется знать про выравнивание изображений в тексте!