| <style> | |
| div { | |
| height: 20px; | |
| border: 2px solid green; | |
| } | |
| .bottomMargin { | |
| margin-bottom: 20px; | |
| } | |
| .topMargin { | |
| margin-top: 20px; | |
| } | |
| </style> | |
| <span>span start | |
| <div class="bottomMargin">div 1</div> | |
| <div class="bottomMargin topMargin">div 2</div> | |
| <div class="topMargin">div 3</div> | |
| span end</span> | |