html - 列表样式对齐错误

Question

出于某种原因，列表的第一个元素往往会向右浮动。所有元素符号都应位于开头，所有文本的左侧也应如此。

.bullet-wrap {
  content: "";
  display: table;
  width: 100%;
  float: left;
}
.five {
  padding-bottom: 1%;
}
.bullet-wrap {
  content: "";
  display: table;
  width: 100%;
  float: left;
}

<div class="bullet-wrap">
  <div class="bullet-point">
    <span>1</span>Reduce Carbon Footprint
  </div>
  <ul class="bullet-list">
    <li class="five">Using a minimum of 10% recycled pre-consumer cellular PVC scrap By:</li>
    <li class="five">Harvesting heat from equipment to heat plant and office;</li>
    <li class="five">Combining customer orders to maximize shipments.</li>

  </ul>
</div>

Answer 1

您的 .bullet-wrap 向左浮动，这会将列表中的第一项带到顶部。

尝试在 .bullet-list 上放置一个 clear: both; 规则。

为了使元素符号对齐，您可以尝试使用 list-style-position: inside; 作为 li 的规则。