Вертикальное расположение и выравнивание элементов в HTML документе.

Cтрочные HTML элементы

Расположение таких элементов в документе (в нормальном потоке) возможно при применении следующих правил CSS:

• line-height; (...); увеличение или уменьшение высоты строки, чаще применяется при установке inline элементов в горизонтальном меню
1. <header class = "outer_block" >

2.   <span class = "inner_block" > пункт меню </span>

3. </header>
1. ".outer_block" {

   height: 5em;

   line-height: 5em;

   }
   
2. ".inner_block" {

   padding: 6px 12px;

   }
пункт меню

Применение правил CSS изменяющих нормальный поток элементов:

• position: (absolute, relative)

Такие элементы удобно и нужно распологать(по вертикале) в документе обернув родительским блочным или инлайн-блочным элементом