0Pricing
HTML for Kids · Lesson

Margin

Margin

Introduction

Margin is one of the most important topics in CSS. 

Margins are the spaces that we create around the boundaries of an element.

Margin — illustration 1

2

Regardless of the type of element while creating a margin, we should not think of it as 4-way (top, right, bottom, and left).

<style>
   .box{
      margin-top:10px;
      margin-right:10px;
      margin-bottom:10px;
      margin-left:10px;
      width:100px;
      height:100px;
      background-color: powderblue;
   }
</style>

<div class="box">Box with margin</div>
<div class="box">Box with margin</div>
← Back to HTML for Kids