.container1 p{
background: #ccc;margin-right: 100px;
margin-left: auto;width: auto;
}
设置负外边距，
CSS Code复制内容到剪贴板
.container1 p{
background: #ccc;margin-right: 100px;
margin-left: -100px;width: auto;
}
width的值为400px-100px（+margin-left）+100px。因为marin-left的为负值，因此content的实际width要加上(负的margin-left值)
块级元素-垂直格式化
一个元素默认的高度由其内容决定。高度还会受内容宽度的影响；段落越窄，相应地就会越高，以便容纳其中所有的内联内容。
如果正常流中一个块元素的margin-top或margin-bottom设置为auto，它会自动计算为0.遗憾的是，如果值为0，就不能你容易地将正常流元素在其包含块中居中。也就是说，如果将一个元素的上、下外边距设置为auto。实际上它们都会被重置为0，使得元素没有外边距。
合并垂直外边距
垂直格式化的另一个重要方面是垂直相邻外边距的合并。这种合并性为只应用于外边距。如果元素有内边距和边框，它们绝对不会合并。
举个例子，一个无序列表，其列表项前后相邻。
CSS Code复制内容到剪贴板
li{margin-top: 10px;margin-bottom: 15px;}
每个列表项有10px的上外边距和15px的下外边距。不过，在显示这个列表时，相邻列表项之间的距离是15px而不是25px：
之所以会这样，是因为相邻外边距会沿着竖起轴合并。换句话，两个外边距中较小的一个会被比较大的一个合并。
如果相邻有多个外边距，也会出现合并，如列表的最后。对前面的例子进行补充，假设应用一下规则：
最后列表合并外边距为28px.
如果其中一个外边距为负数，那么实际外边距就是最大的外边距减去负数外边距的绝对值。
行内元素的行布局
对于行内元素来说，这没有块级元素那么简单和直接，块级元素知识生成框，通常不允许其他内容与这些框并存。
文本使用text-align进行两端对其时，word-spacing的值可能被覆盖（如果letter-spacing是一个长度值，这个值不能被覆盖）。
