时间戳

首页 > 解决方案 > 将图标移至列表左侧

html - 将图标移至列表左侧

问题描述

我需要在我的 CSS 中将文本和 fa-check 圆圈向左移动，以便将其放置在列表组的边框右侧？检查图像。

<ul class="list-group">
  <li class="list-group-item"><i class="fas fa-check-circle"></i> Test1</a></li>
  <li class="list-group-item"><i class="fas fa-check-circle"></i> Test2</li>
  <li class="list-group-item"><i class="fas fa-check-circle"></i> Test3</li>
</ul>

非常感谢。

图片

标签： htmlcss

解决方案

.list-group-item {
    padding-left: 0;
}

将从列表项中删除任何将您的复选标记推过的填充。

如果复选标记本身有填充或边距，您可以给出.fa-check-circle负边距。

</a>此外，您的第一个列表项中有一个流浪标签

推荐阅读