Grid System

Bottom-aligned Grid Cells

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

Vertically Centered Grid Cells

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

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="160px" Col Col

Col
Col width="33%"

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

Col width="100px"
Col
Col width="50px"

Top-aligned Grid Cells

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

Mixed Vertical Alignment

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