Вопрос по верстке

Быстрый способ:

#tabs-menu {

  display:table;

  widht:100%;

  table-layout:fixed;

}

#tabs-menu li {

  display:table-cell;

  width:50%;

}

Не лишён недостатков, но поставленную задачу решает.

Как вариант:

   #tabs-menu {
     width: 100%;
     display: table; 
   }

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

А вообще рекомендую использовать Flexbox.

https://codepen.io/anon/pen/ybEbJY

Пока писал уже ответили :)

Всем спасибо, то что нужно! А можно ли теперь только на ксс сделать чтобы когда проматываешь до этих вкладок они прилипали к верхней границе экрана и отлипали только когда проматываешь выше их положения?

Вот тут есть способ на css

Пробую использовать position: sticky; что не так?

https://codepen.io/anon/pen/wdXEXX

---------- Добавлено 15.05.2017 в 19:47 ----------

понял - position: sticky не поддерживается хромом :( Какие еще варианты плавающего блока чисто на css?

нет такого. есть fixed

Немного JS/jQuery и готово

https://codepen.io/anon/pen/ybEbJY

Zloy_Tip, спасибо, жаль плюсануть не дает, а можно еще одно условие добавить? Чтобы все это дело работало (плавало) только на разрешении экрана от 1024 и выше