JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
<ul>
    <li>Ekşi</li>
    <li>Duyuruda</li>
    <li>Acayip</li>
    <li>Şeyler</li>
    <li>Oluyor</li>
</ul>
</div>

CSS

body {margin:0; padding:0}
.container  { width:100%; background-color: #c9c9c9; height:50px;}
.container  li {text-decoration:none; list-style:none; float:none; width:auto; padding:10px; display:block; display:table-cell}
.container  ul {display:table; width:100%}