私はHTML選択オプションのテキストを列にグループ化します

Question

HTMLの選択肢があります。テキストを整列させる列にグループ化したいと思います。私は、インラインブロックを使用してみました：

<select> 
 
    <option><span div="display:inline-block;width:3em;">A:</span><span style="display:inline-block;width:5em;">Lorem Ipsum</span> 
 
    </option> 
 
    <option><span div="display:inline-block;width:3em;">AA:</span><span style="display:inline-block;width:5em;">Fusce efficitur ante</span> 
 
    </option> 
 
</select>

私は出力を取得したい：

A Lorem Ipum 
AA Fusce efficitur ante 

は、このために任意のTwitterのブートストラップはありますか？

Answer 1

残念ながら、background-colorとcolorを除いて、我々option要素のcan't set the style、。

しかし、 と等幅フォントcourierの使用を試みることができます。

select, option { 
 
    font-family: courier; 
 
}

<select> 
 
    <option>A:&nbsp;&nbsp;Lorem Ipsum</option> 
 
    <option>AA:&nbsp;Fusce efficitur ante</option> 
 
</select>