Как разместить блок внутри ::after?

Question

[mironoff_max]

Делаю задание в котором нужно разместить в кнопке псевдоэлемент, застрял на его выравнивании(
Как выровнять красный блок по вертикали без использования (position: .... ;)?
https://codepen.io/mironoff_max/pen/mdqxXPx

Comments

[Ankhena]

И зачем вы удаляете вопрос и создаете новый, когда я вам в прошлый раз уже написала, как это делают:

С помощью:
- vertical-align для инлайн-блоков
- флексов
- гридов

Answer 1

[Rst0]

высоту блочка after уменьшил для наглядности

a {
  display: inline-block;
  background-color: green;
  line-height:1.4;
}

a::after {
  display: inline-block;
  content: "";
  background-color: red;
  width: 21px;
  height: 10px;
  vertical-align:middle;
}