css - 在响应式 View 中对齐列表项

Question

在我的 html 中，我有一个带有类勾号的列表。

<ul style="list-style-type:none">
<li class="tick">Active directory management</li>
</ul>
li.tick:before {
    content: "\2713";
    color: #1ABC9B;
    padding-right: 8px;
}

这是 jsfiddle

但是在调整大小时它有响应问题。

如何将“管理”恰好放在“活跃”下方？

Answer 1

li.tick {
    padding-left: 30px;
    position: relative;
}

li.tick:before {
    content: "\2713";
    color: #1ABC9B;
    left: 0;
    position: absolute;
    top: 0;
}