Grid

Equally spaced

Col Col

Col Col Col

Col Col Col Col

Full height

This column's height will grow to the same height as the tallest column.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum mollis velit non gravida venenatis. Praesent consequat lectus purus, ut scelerisque velit condimentum eu.

Individual Sizing

Col width="50%" Col Col

Col width="200px"
Col

100px
50px
Col

Col
Col width="33%"

Col width="25%"
Col
Col width="33%"

Alignment Features

Top-aligned Grid Cells

This cell should be top-aligned.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
This cell should be top-aligned.

Bottom-aligned Grid Cells

This cell should be bottom-aligned.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
This cell should be bottom-aligned.

Vertically Centered Grid Cells

This cell should be vertically-centered with the cell to its right.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Mixed Vertical Alignment

This cell should be top aligned.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
This cell should be center-aligned.
This cell should be bottom-aligned.