Как плавать изображение посередине?

Question

Я создаю новый бизнес-блог, и у меня возникают проблемы с тем, чтобы главный логотип был центрирован в середине заголовка.

Я знаю, что вы можете использовать:

#logo { float: left; } 
#logo { float: right; } 

Но от того, что я могу видеть, плавающие в середине не является доступным вариантом.

Любые предложения?

сайта У меня возникли проблемы с: http://bit.ly/Yrcm5z

Answer 1

Используйте следующий CSS на вашем #logo img

#logo img { 
    margin: 0 auto; 
} 

Ваш img отображается как block элемента, и, как таковой, что дает значение Маржа auto сообщает браузеру рассчитать доступный запас внутри родительского элемента и разделить его поровну с обеих сторон блока.

Answer 2

Использование

<div> 
    <a id="logo"></a> 
</div> 

И CSS

#logo {display: inline-block; } 

div {text-align: center; } 

Сори, и для записи, этот метод работает, потому что display: inline-block; элементы ведут себя как текст, так что вы можете выровнять в ней внутри контейнера.

Приветствие от Аргентины!

Answer 3

Используйте текст для выпадающего списка в формате a пункт или div.

<p><img src="http://legendarymarketer.com/wp-content/themes/wp-theme-simplog/assets/img/logo.png" height="30" width="235" alt="" style=" 
    text-align: center; 
"></p> 

Изменения CSS: [Line 104 из style.css файла]

#logo img { 
display: inline; 
}