<li>

Question

在我的<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>

Answer 1

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

.plans {
  text-align: center;
  width: 500px;
}

.plans ul {
  display: inline-block;
  list-style-position: outside;
  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>

</div>

Answer 2

使用$aws --version aws-cli/1.15.21 Python/2.7.9 Windows/8 botocore/1.10.21) 代替list-style-position: outside;。试试这个：

inside

.plans {
  text-align: center;
}

.plans ul {
  display: inline-block;
  list-style-position: outside;
  text-align: left;
}