Core Code
Core Code Modern Dev Handbook

CSS Box Model Padding

Padding creates space between the content and the border.

Preview

Code

<style>
.box{
background:#d1fae5;
padding:30px;
border:3px solid #16a34a;
}
</style>

<div class="box">Padding 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 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