Как сделать чтобы, :after был с новой строки?

Question

[Борис Белов]

Здравствуйте.
Такой момент. Никак не пойму как реализовать.



Видите, у меня два тега, только один из них выравнен слева, другой справа

Тот, что слева имеет код

h2:after {
    content: " ";
    border-bottom: 4px solid #fdab66;
    width: 80px;
    display: block;
    padding-top: 3px;
}

А вот если второму задать text-align:right; display:inline-block, то получается вот так



Как спустить внизу, второй :after?

---

upd. ссылка на сайт

Comments

[Zempik]

сейчас жаловаться буду! ссылку дайте и попробуйте сами разобраться в чужом проекте на картинках :(

[Борис Белов]

Zempik: извиняюсь. velka-plaza.tmweb.ru

Answer 1

[Ivan Bogachev]

Часто элементы :after и :before вытаскивают в position:absolute и делают с ними что хотят, например так.

UPD: в вашем случае еще можно поиграть с background (внезапно) - codepen.io/sfi0zy/pen/LNJZMd

Comments

[Борис Белов]

ну это да на крайний случай. Получается вариантов сделать без "абсолюта" не получится?

[Serj-One]

Борис Белов: А зачем, если это принято делать через абсолютное позиционирование?

[Борис Белов]

Serj-One: уже сделал. спасибо