中の要素は、私は次のようにリストをスタイルしたい要素

Question

間のすべてのスペースを取得します：

私は、次のHTMLコードを使用してみました：

<ul> 
    <li> 
    <span class="label">a</span> 
    <span class="middle-separator"></span> 
    <span class="data">aaa</span> 
    </li> 
</ul> 

をしかし、私はどのようにCSSで見つけ出すことができませんでした中間要素に動的サイズを持たせることが可能です。

Answer 1

一つ働かはこのスタイル適用

を成長させるための中間の区切りにするためにフレックスを使用することです：ボーダー底があまりにも素敵ではないことを

li { 
    list-style: none; 
    display: flex; 
} 

.middle-separator { 
    flex: 1; 
    border-bottom: 1px solid; 
}