bugfix> css > 投稿

私は選択オプションの要素を持っています。各オプションには2つのテキスト、カード番号とカードの残高を示すラベルがあります。次の画像のように、それらを間にスペースを空けて1行にフロートさせたいです。

私はもう試したディスプレイフレックス しかし、効果はありませんでした。

<mat-form-field>
    <select matNativeControl required>
        <option value="default">Select your card</option>
        <option value="card_number">
            1234 4567 8901 2345
            <span class="label">1,200000$</span>
        </option>
    </select>
</mat-form-field>