Get Bricks

Div Element

The Div element is one of the four layout elements in Bricks (1.5+).

Introduced together with the Section & Block element it allows you to create flexible layouts in record time.

The Div element in Bricks is a plain, unstyled div. It’s the most generic element to group and lay out your content.

While you use the Container to “contain” other elements inside a preset width of 1100px, and the Block element with a 100% width, the Div element has no presets at all.

Making it perfect to use inside other layout elements as it grows & shrinks according to its content, or to build Div-only class-based layouts.

Theme Style: Element – Div

You can change the defaults of the Div element in your theme styles under “Element – Div”.

  • display
  • flex-direction (if display set to "flex")
  • justify-content (if display set to "flex")
  • align-items (if display set to "flex")
  • width
  • min-width
  • max-width
  • margin
  • padding