如何将列表内容向左对齐?

我正在尝试将列表内容向左对齐,但无法完全确定。在此先感谢您的任何建议。这是代码示例:

    <div class="col-md-4 mb-1">
        <i class="fas fa-hiking fa-4x"></i>
        <h4 class="my-4" font-weight-bold>What to bring</h4>
        <p>
            <ul style="list-style-type:none;">
                <li>Coffee</li>
                <li>Tea</li>
                <li>Milk</li>
            </ul>
        </p>
    </div>
评论
  • 我是谁
    我是谁 回复

    Set padding-left: 0; for ul

    ul {
      padding: 0;
    }
    <div class="col-md-4 mb-1">
      <i class="fas fa-hiking fa-4x"></i>
      <h4 class="my-4" font-weight-bold>What to bring</h4>
      <p>
        <ul style="list-style-type:none;">
          <li>Coffee</li>
          <li>Tea</li>
          <li>Milk</li>
        </ul>
      </p>
    </div>