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

我想把我的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>

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

阅读 20.2k
2 个回答

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

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

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

新手上路,请多包涵

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题