# Vertical Alignment

**Path:** CSS Framework/Utilities

[Back to Documentation Index](http://rubicblazor.skyconis.com/docs.md)

---

Vertical Alignment

 Easily change the vertical alignment of inline, inline-block, inline-table, and table cell elements.

 To vertically center non-inline content (like <div> s and more), use our flex box utilities.

 With Inline Elements
 baseline 
 top 
 middle 
 bottom 
 text-top 
 text-bottom 

 With Table Cells
 baseline 
 top 
 middle 
 bottom 
 text-top 
 text-bottom 

 ✕

 Contents