我有HTML：

<div>
    <span class="label"><a href="/index/1">Bookmix Offline</a></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>
</div>

和CSS：

span.button {
    float:right;
}

span.label {
    margin-left: 30px;
}

在浏览器中，跨度以相反的顺序显示：导入导出设置。我可以仅通过更改CSS文件并保留HTML来更改顺序吗？