Выравнивание изображений в тексте

15 Ноя 2014

Зачастую бывает, что нужно применять выравнивание по центру именно через каскадные таблицы стилей, связано это к примеру с тем, что размещение контента происходит через административную панель сайта, а люди выполняющие это как правило не сильно разбираются в HTML, CSS и тому подобном. По этому на верстальщика ложится обязанность предусмотреть любое размещение материала на сайте и сделать это правильно.

На заметку стоит взять следующие правила:

Размещение изображения в тексте слева

.left, .alignleft {float:left; }

Размещение изображения в тексте справа

.right, .alignright {float:right}

Размещение изображения по центру (этот код мы считаем более правильным и универсальным)

.center, .aligncenter { display:block; margin-right:auto; margin-left:auto;}

Не следует применять здесь другие свойства

Share