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

【问题标题】：CSS: How to move text link to the right inside liCSS：如何将文本链接移动到 li 内的右侧
【发布时间】：2015-08-27 12:55:13
【问题描述】：

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

类似于 left: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;

【问题讨论】：

标签： css html-lists positioning text-align

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

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

` #secondnav li a { 左边距：3px； }

【讨论】：

【解决方案4】：

尝试将其添加到您的 css 中

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

【讨论】：