Как отцентровать картинку

Как отцентровать картинку?

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

Не спешите с выводами. Да, отцентровать картинку легко, но есть одно НО! Картинка центруется только внутри другого элемента. Берем <div></div> или <p></p>, создаем ему класс в котором прописываем text-align:center и готово.

А как быть, если этого элемента (контейнера) нет? Добавить? А если это не удобно?

Простой пример. Визуальный редактор админки WordPress при центровке просто добавил изображению класс (class=»aligncenter»).

Круто! Но картинка при просмотре с сайта так и осталась прижатой влево.

Как отцентровать картинку без контейнера?

Раз ей задан класс  «aligncenter» просто добавьте в style.css следующий код:


.aligncenter {display:block; margin:5px auto 5px;}

И вуаля!))

5px — это отступы сверху и снизу. Их можно варировать как вам нужно.

А с вами был Лексиум.
Можете не аплодировать)))

PS Отдельное спасибо владельцу сайта umade.ru

5 комментариев на «“Как отцентровать картинку”»

  1. @ Ал:
    Не работает только если писать не то, не туда и не в то место. Пользуюсь постоянно и все отлично.

  2. Ал:

    не работает

  3. ледиольга:

    картинку поменял

  4. ледиольга:

    Привет!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *