Horizontal

• text-align: center
• margin-left & margin-right
• .center-block in Bootstrap
• Flexbox

Vertical

• Various crappy methods
• display: table-cell
• Flexbox

Horizontal & Vertical

• Flexbox

Slides

CSS Layout: Boxes, Displays, & Positioning

To understand the slides on centering, go over Flexbox in these slides.

• Slides
• Notes

Centering Horizontally & Vertically

• Slides
• Notes