Html 在CSS中创建全宽度水平菜单

如何强制选项卡占用菜单中的所有剩余空间？因此，根据选项卡的数量调整选项卡之间的间距

<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>

提前感谢。
添加以下CSS：

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

#menu ul {
  display: table-row;
}

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

更新的Fiddle:
您能重新表述您的问题或添加一个说明吗？这是水平菜单还是垂直菜单？您使用的是无序列表，但没有定义每个列表项的显示方式。在那里你可以达到你想要的结果
#menu {
  width:100%;
}
#menu ul {
  width:inherit;
}
#menu ul li {
  width:50%;
  float:left;
}