Setting Margin Orientation

Margins and padding can be set to specific directions using top, bottom, left, and right properties.

Top, bottom, left, and right correspond to the margins at the top, bottom, left, and right parts of an element respectively.

Copy
.box {
  margin-top: 10px; /* 10px margin at the top */
  padding-bottom: 20px; /* 20px padding at the bottom */
  margin-left: 10%; /* Adds a left margin of 10% of the element's width for the elements with 'box' class */
}