Создание горизонтального горизонтального меню в CSS

Question

Как заставить мои вкладки взять все оставшееся пространство в меню? поэтому отрегулируйте промежутки между вкладками в соответствии с количеством вкладок.

<div id="menu"> 
    <ul> 
     <li> 
      <a class="lien_menu"><br>Onglet0 loooooooog</a> 
     </li> 
     <li> 
      <a class="lien_menu"><br>Onglet1</a> 
     </li> 
    </ul> 
</div> 

Вот мой текущий код: http://jsfiddle.net/Fxy8r/

Спасибо заранее.

Answer 1

Добавьте следующий CSS:

#menu { 
    display: table; 
    table-layout: fixed; 
} 

#menu ul { 
    display: table-row; 
} 

#menu ul li { 
display: table-cell; 
} 

Изменено Fiddle: http://jsfiddle.net/Fxy8r/1/

Answer 2

#menu { 
    width:100%; 
} 
#menu ul { 
    width:inherit; 
} 
#menu ul li { 
    width:50%; 
    float:left; 
}