Выравнивание текста внутри кнопки, как сделать?

Question

[Антон Вебсайтовский]

Вопрос очень простой, но чет я забыл как это сделать.

Сама кнопка выравнивается по вертикали по центру, а внутри кнопки есть текст, его надо тож выровнять, но line-height, не пойдет, ибо кнопка адаптивная, строка переходит на вторую и тогда текст вылезает за кнопку.

Рабочий пример тут: https://jsfiddle.net/b50jx89s/

Answer 1

[WapSter]

selector {
  display: flex;
  align-items: center;
  justify-content: center;
}

Comments

[Антон Вебсайтовский]

Современный метод. Да, рабочий, а я не хотел его использовать.

[WapSter]

Антон Вебсайтовский, современный?) в твоем коде есть flex. И уточнять надо. UPD shpargalkablog.ru/2012/03/vyrovnyat-tekst-vertikal... вот все методы выравнивания для динозавров.

[Антон Вебсайтовский]

Тимур Турсунбаев, Да, верно есть уже флекс ! точно.

Answer 2

[vasmedv]

Если <input type="button" class="button1 button2">
то

.button1{width:auto;}
/* возможно понядобится: 
.button2{border-radius: 1px; height:2vw;} 
*/