css分隔两个div |css3标题效果

.left-div {
width: 50%;
}
.right-div {
width: 50%;
}

在上述例子中，大家有两个 div，一个在左边，另一个在右边，它们的宽度分别为 50%。这将导致它们水平对齐，并且占用父 div 的全部宽度。

.left-div {
float: left;
width: 50%;
}
.right-div {
float: right;
width: 50%;
}

另一个实现方法是通过浮动属性，使每个 div 占用页面的一半空间，并水平对齐。这个方法要更加兼容，因为可以通过兼容老式浏览器的方式来实现。

.left-div {
display: inline-block;
width: 50%;
}
.right-div {
display: inline-block;
width: 50%;
}

一个最简单的方法就是使用 display: inline-block，它允许您将两个 div 水平对齐，而不需要使用浮动。

通过使用上述三种技术之一，可以轻松地分隔两个 div，以实现更好的页面布局。