为什么 li 标记未在 div 元素内的 ul/ol li 中对齐中心？

Question

why li marker is not aligning center in ul/ol li inside div element?

 div{ text-align: center; }

 <div> <ul> <li>hello world</li> </ul> </div>

Answer 1

check the width of your ul , li . Better use display: flex for your div, set justify-content: center or align-items: center;

Answer 2

You can make the markers inside the li space by adding list-style-position: inside to your ul .

 div{ text-align: center; } ul{ list-style-position: inside; }

 <div> <ul> <li>hello world</li> </ul> </div>