div水平(横向)/垂直排列

div水平(横向)/垂直排列

不做样式修改,div默认就是垂直排列的

直接看看水平排列怎么实现吧

css代码：

<style type="text/css">
    .horizontal{
        float:left;//添加float样式即可实现水平排列
        border:1px solid black;
        margin-left:20px;
    }
</style>

html代码：

<div class="horizontal">水平块1</div>
<div class="horizontal">水平块2</div>

效果图：

有错误还请指出，有其它更好的方法可以评论区交流