Как выровнять текст в content в :after или :before?

Question

[Максим Валерьевич]

Всем привет. Есть такой вот код:
codepen.io/maksportnyagin/pen/gbyaPo
А можно ли текст в content сдвинуть вниз? Наверно переработал, и сам не могу допереть.
Надо что-бы текст был в четырехугольнике который сделан бордюрами.

Answer 1

[dm]

Добавь top: 5px; и свершится чудо. )

#label:after {
  top: 5px;
}

Comments

[Максим Валерьевич]

Вов. А как так? Где можно почитать?

[dm]

Максим Валерьевич: У тебя же стоит position: absolute для контента. А абсолютноспозиционированные элементы регулируются top, left, bottom, right или единицами (%, px и т. д.).

[Максим Валерьевич]

Получается что при задании и top и bottom мы задаем высоту контейнера? Если нет какого либо параметра то он все элементы отдельными блоками делает?

[Максим Валерьевич]

dmink: То что позиционируются то понятно, он у меня как раз и отпозиционирован был bottom и left. А при указании ёще и top у него меняется размер.

[dm]

Максим Валерьевич: Нет не задаем. Все дело в position: absolute

[dm]

Максим Валерьевич: Посмотрел еще, как-то сложно там все сделано. Первой мыслью было опустить текст, вот он и опустился. А что, как и почему там происходит не могу сейчас сказать, надо смотреть внимательней.

[Максим Валерьевич]

Да ничего сложного. в after четырехугольник а в before тень для четырехугольника этого.

Answer 2

[he he]

Редактируйте значение "bottom: -3px"

Comments

[Максим Валерьевич]

Вообще-то если его редактировать то и фон в виде четырехугольника тоже двигается. Надо что-бы текст был в четырехугольнике который сделан бордюрами.