Skip to main content

MyCoE

Spacing

Depending on your design, certain elements might need their margin or padding adjusted.

Modifying margin

Default margin

This is a div without any extra margin added.
This is a div without any extra margin added.

Modified margin

This is a div with a class of mb-3 added.
This is a div without any extra margin added.

Modifying padding

Default padding

This is a paragraph followed by a list with default padding.

  • List item 1.
  • List item 2.
  • List item 3.

Modified padding

This is a paragraph followed by a list with reduced left padding by adding a class of pl-4.

  • List item 1.
  • List item 2.
  • List item 3.

Image spacing

For ways to adjust spacing around images, please see Image.