Как отцентровать блоки li в css по всей ширине?

Question

[Кирилл]

Есть вот такие табы jsfiddle.net/nv3t4h83/5 у основного блога ширина 240 пикселей как сделать блоки li чтоб они занимали каждый ровную часть родителя 50/50 и не оставалось с права свободного места. подскажите пожалуйста как можно это сделать? чтоб было нагляднее хочу добиться этого

Answer 1

[IceJOKER]

еще один вариант:

ul{
  display: table;
  table-layout: fixed;
  width: 100%; /*устанавливаете нужную ширину*/
}
ul li{
  display: table-cell;
}

Answer 2

[musya1453]

Вот еще вариант.

.nav-tabs > li  {
    margin-bottom: 0px;
    float:left;
    width:50%;
}

Comments

[Кирилл]

ну это тоже самое что и у автора Aingis вот только зачем там margin-bottom: 0px; объясните не посвященному?