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

Question

Здесь вы найдете код: jsfiddle.net/Trebal/8kUyx/2

Изображение должно быть вертикально центрировано.

Возможно, кто-нибудь знает, как это реализовать?

Answer 1

редактирования.К ВЕРТИКАЛЬ:

HTML Решение:

http://jsfiddle.net/8kUyx/21/

Учитывая, что ваш .topbar представляет собой набор высоты на изображение представляет собой набор высоты, вы можете использовать padding-top: 6.5px, чтобы получить изображение по горизонтали по центру ,

CSS Решение:

http://jsfiddle.net/8kUyx/35/

Использование display: inline-block и vertical-align: middle можно вертикально выровнять .image.

Answer 2

Попробуйте это:

.topbar { 
width: 100%; 
height: 35px; 
background: #04091f; 
line-height: 35px; 
z-index: 5; 
position: relative; 
margin: 0 auto;` 
} 

Answer 3

Вы можете использовать маржинальный-право: авто и Левое поле: авто и избавиться от поплавка: левый.

.image { 
    background: url(http://img2.wikia.nocookie.net/__cb20080120194739/wowwiki/images/a/a7/Icon-wowinsider-22x22.png) no-repeat; 
    width: 35px; 
    height: 35px; 
    margin-left: auto; 
    margin-right: auto; 
} 

Answer 4

Вот ответ: http://jsfiddle.net/8kUyx/8/

Вы должны изменить свой .image класс так:

.image { 
    background: url(http://img2.wikia.nocookie.net/__cb20080120194739/wowwiki/images/a/a7/Icon-wowinsider-22x22.png) no-repeat; 
    width: 35px; 
    height: 35px; 
    margin: 0 auto; 
}