让div,span等块级、非快级元素排列在同一行
例子：让两个div排列在同一行
给div添加float样式
</span></div><div><span> div{ </span></div><div><span> float: left; </span></div><div><span> } </span></div><div><span>
div1
div2
说明：让div和span排列在一起也可以用上述上方法
例子：让div和两个span排列在同一行
额外要求，然第二个span排列在最右侧
使用display-inline（为什么要使用display: inline-block;而不是display: inline; 是因为display: inline导致元素的height和width样式失效）
</span></div><div><span> div,span{ </span></div><div><span> display: inline-block; </span></div><div><span> } </span></div><div> </div><div><span> .span2 {</span></div><div><span> float:right</span></div><div><span> }</span></div><div><span>
div1
span1
span2
运行结果
说明：第一个div和第一个span之间存在空白间隙，那是因为div元素和span元素之间存在换行等空白，去除即可，如下
div1
span1
