新手。html设置属性span居左居右问题

Question

我想把我的span分开，一个在左边一个在右边，我的代码结构是这样的

<style>
.nav-small{
    padding: 0;
    margin: 0;
    width: 80%;
    color: #999;
}
.nav-small-left{
    text-align: left;
}
.nav-small-right{
    text-align: right;;
}
</style>

<div class="nav-small">
    <span class="nav-small-left">友情连接 | 联系方式</span>
    <span class="nav-small-right">说明</span>
</div>

说明两个字还是没有居右，表示不理解。新手希望各位大神多多指教

Answer 1

你在居右的样式里面加上display: block;就行。试试看

.nav-small-right{
    text-align: right;
    display: block;
}

其实你居左的样式引不引用都无所谓的，只要居右样式设置好就行。希望对你有帮助

Answer 2

你这样只是让文字在span内居右，而不是让span本身居右。实现效果可以用float:right