Margin

Microbe adds block margin to all native HTML block elements to make it easy to compose a nicely looking document.

For custom elements like div, you can add a content class to get the correct spacing.

Example

Here you can see how the spacing between blocks flows naturally.

Document

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ullamcorper blandit ultricies. Etiam non suscipit felis. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Content inside of a card.
Custom element.
  • Pellentesque at sodales nisl, in eleifend erat
  • Quisque eu maximus leo
  • Aenean eget turpis et turpis ullamcorper pretium

Pellentesque at sodales nisl, in eleifend erat. Pellentesque porttitor lacinia nibh, a dictum orci condimentum sed. Quisque eu maximus leo. Vestibulum elit arcu, molestie eget posuere vel, dapibus pharetra elit. Aenean eget turpis et turpis ullamcorper pretium.