引导主题对齐页面中心的文本点

Question

我正在与引导创意主题工作，我试图用md引导检查fa图标来制作一个点列表。

目前的情况如下：

​

​

我希望将文本保留在页面的中心，，但是将句子的开头与左边对齐，这样两个句子的将从相同的垂直位置开始，并且fa检查图标也将对齐。

我试着用ul来做它，但是我遇到了类似的问题，并且主题没有样式ul标记。

我使用创造性主题类编写的代码：

​

<div class="text-center">
    <p class="text-muted mb-1 text-center"><i class="fas fa-check text-right"></i> this sentence is longer than the 2nd sentence.</p>
    <p class="text-muted mb-5 text-center"><i class="fas fa-check text-right"></i> this sentence is shorter.</p>
</div>

​

Answer 1

试着与柔性盒对齐：

<div class="d-flex justify-content-center">
  <div class="wrapper">
    <p class="text-muted mb-1 text-center d-flex"><i class="fas fa-check text-right"></i> this sentence is longer than the 2nd sentence.</p>
    <p class="text-muted mb-5 text-center d-flex"><i class="fas fa-check text-right"></i> this sentence is shorter.</p>
  </div>
</div>