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

Блочные HTML элементы

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

• margin-(top,bottom): +-px;

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

1. position: (absolute, relative)
2. transform: translate(y)

Центрирование блочных элементов

1. line-height; (...); задаем высоту строки равную высоте родительского блока
2. Использовать преобразование через display: table-cell; vertical-align: middle;
   Кнопка
   с любой высотой
   и шириной
3. Если высота родительского блока не задана можно использовать CSS правило padding:

          .outer_block {
                                       padding: 5% 0;
                                   }
                           .inner_block {
                                       padding: 10% 0;
                                   }

   Если высота внутреннего блока известна то можно задать фиксированные значения паддингов
                           Например: высота блока 600px, внутреннего 200px, тогда отступы нужны в 200px сверху и снизу.