olリストの配置に問題があります。私はこのような簡単なリストを持っています:
<ol type="a">
<li><button style="display: inline-block">TEXT1</button></li>
<li><button style="display: inline-block">TEXT2</button></li>
<li><button style="display: inline-block">TEXT3</button></li>
<li><button style="display: inline-block">TEXT4</button></li>
</ol>
これらのテキストが短い場合、次のように注文文字の横にテキストを揃えます。
ただし、テキストが長くなると、次のような順序で同じ行に整列するのではなく、次の行にジャンプします。
編集:みんなが指摘したように、私は問題を再現するために私のLIのいくつかの属性を逃しました。各LI要素には「list-style-position:inside」cssもあります。これが問題の原因だと思います。
ボタンが次の行にジャンプするのではなく、注文の横に配置されるように修正する方法はありますか?