これらの要素を持つリスト項目があります:
- 最初の項目
- 別のリスト項目
- 砂、砂利、粘土、セラミックおよび耐火鉱物 採掘および採石材料
そして、私は彼らがこの質問の上にあるようにすべて1行で見ているように見えるようにしたい、またはアイテムが大きくなりすぎた場合は、次のようにうまく分割してください:
- 砂、砂利、粘土、セラミックおよび耐火鉱物 採掘および採石材料のビッグネーム
しかし、代わりに私のアイテムは次のようになります(スクリーンショット):
ご覧のとおり、見栄えがよくありません。これは私のhtml構造です:
<ul class="something">
<li>
<div style="width:auto; display:inline-block;">
<span>This is where super long text goes text goes</span>
</div>
</li>
</ul>
ul and li
ブートストラップCSSから継承されたものだけにスタイルはありません。
スクリーン ショットのリストがこの質問の最初のリストのように見えるようにするには、どの CSS を使用すればよいですか?