html - 菜单中的文字移到一边

Question

我有一个垂直导航菜单，但似乎无法让文本从元素的最左边缘开始。

HTML

<div class="jobs-links">
    <ul>
        <li><a href="renovations.html">Renovations</a></li>
        <li><a href="remodelling.html">Remodelling</a></li>
        <li><a href="adding.html">Adding</a></li>
    </ul>                   </div>

CSS

.jobs-links {
    list-style-type:none;
    float:left;
    border-bottom:1px solid #5f564d;
    border-left:1px solid #5f564d;
    border-top:1px solid #5f564d;
    font-size:15px;
    font-family:Calibri, Times, serif;
    box-sizing:border-box;
    width:10%;
    text-align:left;
    height:120px;
}
li {
    list-style-type:none;
    float:left;
    display:block;
    width:179px;
    height:30px;
    border-bottom:1px solid #5f564d;
}

这是我的 jsfiddle

干杯。

Answer 1

添加这个:

ul{
    padding:0;
}

fiddle