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

Рейтинг: 1Ответов: 2Опубликовано: 21.05.2011

Есть лого. Содержится внутри тега h1, принадлежащего классу logo.
В CSS у #logo стоит text-align: left, я его перегружаю в #logo img, пишу text-align: center. Даже в теге img прописываю align="middle". Хоть бы хны, всё равно слева. Отладчики хрома и оперы показывают, что у изображения стоит свойство text-align: center.

На всякий случай, так выглядит рассчитанный стиль:

background-attachment: scroll;  
background-clip: border-box;  
background-color: #EEE;  
background-image: url(header_outer.jpg);  
background-origin: padding-box;  
color: #333;  
display: block;  
font-family: arial, helvetica, sans-serif; 
font-size: 16px;  
height: 1133px;  
margin-bottom: 0px;  
margin-left: 0px;  
margin-right: 0px;  
margin-top: 0px;  
padding-bottom: 0px;  
padding-left: 0px;  
padding-right: 0px;  
padding-top: 0px;  
position: relative;  
text-align: center;  
width: 1263px;

Ответы

▲ 2Принят

Решил, поместив тег img в <div align="center">, ну или просто <center>, но это какой-то костыль.

▲ 5

text-align не работает для изображений, это свойство выравнивает только текст. Чтобы выровнять что-либо, этому объекту нужно задать свойство display:block;, потом задать ему ширину width: 1263px; и в конце присвоить ему свойство margin:0 auto;.