リストの位置プロパティをoutsideに設定する必要があります。これは、デフォルトでインデント付きのリストアイテムの左に箇条書きを置くことになります。 だからlist-style: outside;
がこれを解決します。
.mytest {
list-style: square outside;
}
<ul class="mytest">
<li>bal 1</li>
<li>bal 2 add her come lot of test so we get line wrap, add her come lot of test so we get line wrapadd her come lot of test so we get line wrap, add her come lot of test so we get line wrapadd her come lot of test so we get line wrap, add her come lot of test so we get line wrapadd her come lot of test so we get line wrap, add her come lot of test so we get line wrapadd her come lot of test so we get line wrap, add her come lot of test so we get line wrapadd her come lot of test so we get line wrap, add her come lot of test so we get line wrapadd her come lot of test so we get line wrap, add her come lot of test so we get line wrapadd her come lot of test so we get line wrap, add her come lot of test so we get line wrap</li>
<li>bal 3</li>
<li>bal 4</li>
<li>bal 5</li>
<li>bal 6</li>
<li>bal 7</li>
<li>bal 8</li>
<li>bal 9</li>
<li>bal 10</li>
<li>bal 11</li>
</ul>
私はすべてここにテキストインデントを使用しますが、単純に 'のlist-style-位置ではないでしょう: – CBroe
outside' SO上で外部リンクを共有することはありません。ここにあなたの問題を複製する関連コードを貼り付けてください –