Question

当我保存为.html文件时，我发现这是一个对齐问题。在第一个ul或ol之后，前进元素将大约两个标签未对齐标题，一个标签未对齐列表本身。再次移动下一个元素。我已尝试将样式对齐或向左浮动，包括在div中。这是某种规则，我不知道具体到列表。

＆＃13;

<h3>another title</h3>
<ul>
  <li>this</li>
  <li>is</li>
  <li>a</li>
  <li>list</li>
  <li>that</li>
  <li>of</li>
  <li>sets</li>
  <li>next</li>
  <li>list</li>
<ul>

<h3>another other title</h3>
<ol>
  <li>this</li>
  <li>list</li>
  <li>causes</li>
  <li>the </li>
  <li>next</li>
  <li>list</li>
  <li>to</li>
  <li>shift</li>
  <li>right</li>
  <li>as</li>
  <li>well</li>
<ol>

<h3>oh no!</h3>
<i>Please contact <b>help</b></i>

＆＃13;

Answer 1

您错过了右括号：将结束<ul>和<ol>替换为</ul>和</ol>。顺便说一下，之所以发生这种情况，是因为第二个清单是第一个清单点，依此类推

Answer 2

您应该注意到起始标记（例如<ul>和<ol>）及其关闭标记（例如</ul>和</ol>）之间的区别。您只需将每个列表末尾的开始标记更改为结束标记，一切都将有效：

＆＃13;

<h3>another title</h3>
<ul>
  <li>this</li>
  <li>is</li>
  <li>a</li>
  <li>list</li>
  <li>that</li>
  <li>of</li>
  <li>sets</li>
  <li>next</li>
  <li>list</li>
</ul> <!-- before on your code: <ul> -->

<h3>another other title</h3>
<ol>
  <li>this</li>
  <li>list</li>
  <li>causes</li>
  <li>the </li>
  <li>next</li>
  <li>list</li>
  <li>to</li>
  <li>shift</li>
  <li>right</li>
  <li>as</li>
  <li>well</li>
</ol> <!-- before on your code: <ol> -->

<h3>oh no!</h3>
<i>Please contact <b>help</b></i>

＆＃13;

Answer 3

你缺少右括号

</ul> 


</ol>

HTML列表元素在其后移动其他元素

3 个答案: