我如何将列表内容向左对齐？

Posted 2021-04-04

我正在尝试将列表内容向左对齐，但是还不太清楚如何。在此先感谢您的任何建议。这是代码示例：

<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>

答案

将padding-left: 0;设置为ul