CSS：如何将文本链接移动到li内部的右侧

Question

我想稍微向右移动一个与li左侧对齐的文本链接。

这类似于左：2px;但仅适用于文本。

页面链接： http://npmaudiovisual.com/esde/?page_id=36

CSS：

#secondnav li a {
    border: medium none;
    display: block;
    padding: 3px 8px;
}
#secondnav li a {
    display: block !important;
    line-height: 42px !important;
    padding-left: 15px;
    text-align: left;
    text-decoration: none;
    width: 230px;
}
#secondnav li a {
    background-color: #FFC477;
    border: 1px solid white !important;
    color: #FFFFFF;
    font-size: 18px !important;
    position: relative;
    right: 30px;
    z-index: 1;

Answer 1

您可以单独使用text-indent或padding-left并将width减少相同数量。

Answer 2

将填充更改为“3px 0px 3px 18px”。顺序是：“右上角左下方”。

Answer 3

尝试将此添加到您的css

#secondnav li a {
    text-indent: 4px;
}

Answer 4

你可以给a {元素一个你想要的px的左边距。例如：

`#secondnav li a {          margin-left：3px;     }

`