Элемент легенды выравнивания HTML в центре не работает в Internet Expl и Firefox

0

Я хотел разместить изображение в центре легенды. Вот ссылка http://codepen.io/e6z6a6z/details/IJnoF.. это отлично работает в chrome, но в firefox и Internet explorer изображение плавает влево. Я попытался дать моей легенде 100% сохранение центра выравнивания текста, но затем верхняя граница уходит. Я хочу, чтобы между ними была та же ширина границы и изображение.

  • 0
    Вы должны опубликовать свой код, а не просто ссылку. А какие версии IE вы примеряете?
  • 0
    Посмотрите здесь: stackoverflow.com/questions/4006824/…
Теги:
css-float

2 ответа

3
Лучший ответ

добавить attribute align="center" в тег легенды.

Показать ещё 1 комментарий
0

Вы должны указать элемент, который имеет text-align: center; 100%, и он должен быть блочным элементом. После этого внутренние элементы контейнера должны быть центрированы.

legend {
  display: block;
  width: 100%;
  text-align: center;
}

Ещё вопросы

Сообщество Overcoder
Наверх
Меню