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.