Live
x
<p class="m-20">External 20px margins top/right/bottom/left</p><p class="m-20-30-40">External margins 20px at the top, 30px at the right/left and 40px at the bottom</p><p class="m-20-30">External margins 20px top/bottom and 30px right/left</p>
Live
xxxxxxxxxx20
body { font: 20px/1.5 sans-serif;}p { background: #673ab7; color: #fff;}.m-20 { margin: 20px;}.m-20-30 { margin: 20px 30px;}.m-20-30-40 { margin: 20px 30px 40px;}
External CSS
This Pen doesn't use any external CSS resources.
External JavaScript
This Pen doesn't use any external JavaScript resources.