外边距合并_html/css_WEB-ITnose

1 <ul>2     <li>line 1</li>3     <li>line 2</li>4 </ul>5 <h3>This is h3 line.</h3>

1 ul{margin-bottom:15px;}2 li{margin-top:10px;margin-bottom:20px;}3 h3{margin-top:28px;}

1 <div id="outer">2     <div id="inner"></div>3 </div>

 1  #outer{ 2    width:200px; 3    height:100px; 4    background:rgb(245,138,158); 5    margin-top:20px; 6 } 7 #inner{ 8    width:50px; 9    height:50px;10    background:rgb(147,172,213);11    margin-top:10px;12 }

1 <div class="blank"></div>2 <div class="focus"></div>3 <div class="blank"></div>

1 .blank{2    width:100px;3    height:50px;4    background:rgb(245,138,158);5 }6 .focus{margin:10px 0 20px 0;}