Core Code
Core Code Modern Dev Handbook

CSS Box Model Content

The content area is where text and images appear inside the element.

Preview

Code

<style>
.box{
width:200px;
background:#fde68a;
padding:10px;
border:2px solid #f59e0b;
}
</style>

<div class="box">Content area</div>

More CSS Box Model Examples (8)

example CSS Box Model Basic open example example CSS Box Model Padding open example example CSS Box Model Border open example example CSS Box Model Margin 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