]中的文字换行> 在我的<li></li>中，这些单词环绕在要点下方，而不是环绕在句子的第一个字母下方。 我能够将项目符号的中心对准页面的中心，并使文本左对齐。现在，我希望我的单词在句子的第一个字母下环绕，而不要超出第一个字母的符号。 当我将其调整为移动尺寸时，这一切都会发生。 .plans { text-align: center; } .plans ul { display: inline-block; list-style-position: inside; text-align: left; } <div class="plans"> <h2>In magna dolor enim id reprehenderit sint magna in.</h2> <ul> <li>Do anim aliqua veniam ullamco proident</li> <li>Magna ex in reprehenderit ut officia in do aliqua ut.</li> <li><strong>Do dolore cupidatat</strong> nostrud do anim adipisicing nostrud et dolore sed excepteur.</li> <li><strong>Duis nulla aliqua</strong> esse adipisicing et officia reprehenderit.</li> </ul>list </div> 在我的里面 单词是环绕在项目符号的下方，而不是环绕在句子的第一个字母下方。我能够使子弹居中...

Question

在我的<li></li>中，这些单词环绕在要点下方，而不是环绕在句子的第一个字母下方。

Answer 1

您可以使用list-style-position更改项目符号的位置-在这种情况下，您要寻找list-style-position

Answer 2

使用

<div class="plans">

  <h2>In magna dolor enim id reprehenderit sint magna in.</h2>

  <ul>
    <li>Do anim aliqua veniam ullamco proident</li>
    <li>Magna ex in reprehenderit ut officia in do aliqua ut.</li>
    <li><strong>Do dolore cupidatat</strong> nostrud do anim adipisicing nostrud et dolore sed excepteur.</li>
    <li><strong>Duis nulla aliqua</strong> esse adipisicing et officia reprehenderit.</li>
  </ul>

</div>

代替list-style-position: outside;。试试这个：