html - 如何在行内 block 按钮之间创建空间？

Question

我对此很陌生，对于任何滥用词汇的行为，我们深表歉意。我想在两个按钮之间有一个空间，它们有一个内联 block 显示。 “边距”属性没有执行我需要它执行的操作。

CSS:

.pagination{
    background:#155484;
    padding:20px;
    border:2px solid #155484;
    border-radius:3px;
    position:absolute;
    left:75%;
    top:75%;
}

.pagination li{
    display:inline-block;
    list-style-type:none;
}

.pagination a{
    color:#fff;
    text-decoration:none;
}

HTML

<div class="pagination">
{block:Pagination}
            {block:PreviousPage}
                <a href="{PreviousPage}">&larr;</a>
            {/block:PreviousPage}
            {block:NextPage}
                <a href="{NextPage}">&rarr;</a>
            {/block:NextPage}
        {/block:Pagination}
</div>

(这是使用特定于 Tumblr 的变量。)

此外，如果这里有任何可以更改或省略的内容，那就太好了!

Answer 1

以下是在这种情况下将添加空格的 3 个示例:

1. 使用  链接之间的代码

   链接#1(href ...)

          

   链接#2(href ...)

<强>2。使用空 <span class="spacing"></span>

'spacing' 可以在 css 中定义为:

.spacing {
    padding-right: 20px;
}

<强>3。调整 padding-right <a>的属性(property)标记

.pagination a {
    padding-right: 20px;
    // other attributes
}