center verticaly a ul li list

-1

Я стараюсь центрировать вертикальный элемент li навигации по ульту. Некоторые из элемента внутри Li имеют разную высоту, и я не могу найти решение:/center verticaly a ul li list

http://jsfiddle.net/uLgcu/8/

HTML-:

<ul id="navigation"> 
    <li><a href="#" >Test</a></li> 
    <li> 
     <a href="#"> 
      <div id="logo"> 
       THE BIG DIV 
      </div> 
     </a> 
    </li> 
    <li><a href="#" >Test</a></li> 
</ul>

CSS-:

#navigation li { 
display: inline ; 
font-size: 17px ; 
margin-left : 15px; 
float : left ; 
background-color : red; 

} 

#logo { 
width : 300px; 
height : 300px; 
background-color : blue; 
}

Спасибо!

источник

2013-11-16 Damien

'#navigation {line-height: 300px;}'? –

Итак, вы хотите, чтобы эти маленькие элементы были рядом с * большим div *, но также были центрированы по вертикали? Значит, они вроде как плавают по бокам? – Charlie74

Thanks Jaa-c! Но line-height работает только для текста; и у меня есть изображение в большом div ... http://jsfiddle.net/uLgcu/8/ Извините, у меня нет точной! – Damien

-1

#navigation li img{ 
/* 
display: inline ; 
font-size: 17px ; 
margin-left : 15px; 
float : left ; 
background-color : red; 
*/ 
vertical-align:middle; 
}

источник

2013-11-16 13:32:40

center verticaly a ul li list

ответ

Смежные вопросы