Как поднять текст в css

Чтобы поднять текст в CSS, вы можете использовать свойство vertical-align. Свойство vertical-align работает только с элементами, которые имеют свойство display: inline-block или display: table-cell.

Вот примеры того, как вы можете использовать свойство vertical-align:

/* Текст поднят на половину строки */
div {
  display: inline-block; /* делаем блок элементом в одну строку */
  vertical-align: middle; /* устанавливаем вертикальное выравнивание по центру */
}

/* Текст поднят на верхнюю границу блока */
div {
  display: inline-block; /* делаем блок элементом в одну строку */
  vertical-align: top; /* устанавливаем вертикальное выравнивание по верхней границе */
}

/* Текст поднят над строкой */
div {
  display: inline-block; /* делаем блок элементом в одну строку */
  vertical-align: text-top; /* устанавливаем вертикальное выравнивание над текстом */
}

Вы можете применить это свойство к любому элементу, который является элементом таблицы, или имеет свойство display: inline-block.