ramil_bayramov
@ramil_bayramov
Beginner programmer of HTML,CSS,JS

Как сделать text по центру в псевдоэлементе :after?

5f2bd1d8acc33252040565.png

Чтобы текст был в центре (не сверху в центре);
/* Спасибо за ответ */
  • Вопрос задан
  • 69 просмотров
Решения вопроса 2
sniggering_deus
@sniggering_deus Куратор тега CSS
Dance Gavin Dance - Prisoner
Если нужно разместить псевдоэлемент по центру родителя, можно применить к псевдоэлементу такие свойства:

transform: translate(-50%, -50%);
top: 50%;
left: 50%;


Пример:

.element::before {
content: "";
position: absolute;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
}


Как сделать text по центру в псевдоэлементе :after?


Если нужно поставить содержимое псевдоэлемента по центру, например если это текст в content, тогда так:

.element::before {
content: "Текст";
display: flex;
justify-content: center;
align-items: center;
}
Ответ написан
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Проще всего: https://jsfiddle.net/58qdn06e/
Если объясните зачем там нужен псевдо - обсудим.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Lord_Dantes
@Lord_Dantes Куратор тега CSS
Чат джунов t.me/developersjunior
Родителю нужно задать position: relative;
Этот код можно задать псевдо-элементу.
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
margin: auto;
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы