Core Code
Core Code Modern Dev Handbook

CSS Box Model Margin

Margins create space outside the border.

Preview

Code

<style>
.box{
background:#bae6fd;
padding:20px;
border:3px solid #0284c7;
margin:40px;
}
</style>

<div class="box">Margin layer example</div>

More CSS Box Model Examples (8)

example CSS Box Model Basic open example example CSS Box Model Content open example example CSS Box Model Padding open example example CSS Box Model Border open example example CSS Box Sizing Border Box open example example CSS Box Model Width Calculation open example example CSS Box Model Layout Spacing open example example CSS Box Model Visual Example open example