跨度,额外边距

这是我的html:

<div class="top_pane">
    <span class="button"><a href="/settings/">Settings</a></span>
    <span class="button"><a href="/export_all/">Export</a></span>
    <span class="button"><a href="/import/">Import</a></span>
</div>

和css:

span.button {
    float:right;
    margin-right: 10px;
}

div.top_pane {
    top:0;
    width:100%;
    position:fixed;
    background-color:#7D9100;
    height:45px;
    color:#FFFF9D;
}

我需要在所有跨度的右侧有额外的空间。

!         Import Export Settings <- i need extra space here -> !

我试图再创建一个跨度:

<div class="top_pane">
    <span class="button"></span>
    <span class="button"><a href="/settings/">Settings</a></span>
    <span class="button"><a href="/export_all/">Export</a></span>
    <span class="button"><a href="/import/">Import</a></span>
    <span class="button"></span>
</div>

但没用。

在右边增加额外空间的好方法是什么?