我想把我的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>
说明两个字还是没有居右,表示不理解。新手希望各位大神多多指教
你在居右的样式里面加上display: block;
就行。试试看
.nav-small-right{
text-align: right;
display: block;
}
其实你居左的样式引不引用都无所谓的,只要居右样式设置好就行。希望对你有帮助
你这样只是让文字在span内居右,而不是让span本身居右。实现效果可以用float:right