CSS margin-block-end

The margin-block-end property in CSS is used to set the margin of an element on the block-end side. This property defines the space between the element and the element that comes after it in the block direction, which is typically the bottom in the case of vertical text.

Syntax:


selector {
  margin-block-end: length|percentage;
}

The value of margin-block-end can be specified in length (px, em, rem, etc.) or percentage.

Example:

Result:

This is an example text with margin-block-end set to 20px.

In the example above, we have a div element with a margin-block-end of 20px. This creates a vertical margin at the block-end side of the element, pushing the content below it down.