请教html布局问题。

Question

我在ul li中加入了三角，文字加了a标签用margin-left推了一下，但是文字一多的时候第二行文字就和三角对齐了，可以控制一下让第二行文字和第一行文字对齐吗？

Answer 1

<style>
*{
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}
li{
    padding-left: 20px;/*根据你的需要*/
    background-image: url('......');/*三角图标地址*/
    background-repeat: no-repeat;
    background-position: top left;/*背景图片定位到li标签左上角，具体位置请根据需要自行更改*/
}
</style>

<ul>
    <li>
        <a href="">你的文字</a>
    </li>
</ul>

Answer 2

最好在 codepen 或类似网站上 po 出你的代码，看不见代码的情况下建议试一下给 a 一个 display: inline- block

Answer 3

用padding呗