Я хотел разместить изображение в центре легенды. Вот ссылка http://codepen.io/e6z6a6z/details/IJnoF.. это отлично работает в chrome, но в firefox и Internet explorer изображение плавает влево. Я попытался дать моей легенде 100% сохранение центра выравнивания текста, но затем верхняя граница уходит. Я хочу, чтобы между ними была та же ширина границы и изображение.
добавить attribute
align="center"
в тег легенды.
Вы должны указать элемент, который имеет text-align: center; 100%, и он должен быть блочным элементом. После этого внутренние элементы контейнера должны быть центрированы.
legend {
display: block;
width: 100%;
text-align: center;
}