/* 外边距合并 */
.element1 {
margin-bottom: 20px;
}
.element2 {
margin-top: 40px;
}
/* 外边距不合并 */
.element3 {
margin-right: 30px;
}
.element4 {
margin-left: 50px;
}上述示例中，element1和element2之间的垂直外边距合并在一起，创建了一个总共40px的外边距。相反，element3和element4之间的水平外边距不会合并，它们将保持各自的距离。
理解CSS水平外边距不合并的行为，可以帮助大家更好地设计布局。但是，如果你想让水平外边距合并在一起，可以考虑使用display: inline-block或float属性来实现。