Создал вот такой круг

Question

Создал вот такой круг

Andrey Qwer Ученик (26), на голосовании 1 год назад

Но как сделать так, чтобы слово "Текст" был в центре круга? И как с помощью "opacity" сделать слово прозрачным внутри круга? Не сам круг а само слово

Answer 1

Круг сделать относительным для текста
Текст поместить в псевдоэлемент и выставить его абсолютно...
Такие же прааила если текст расположить в div,span,p так же абсолютно относительного блока

Answer 2

Помести текст в ещё один div.
Добавь стиль .text:
display: flex;
justify-content: center;
align-items: center;

Answer 3

 .text {
display: flex; 
justify-content: center; 
align-items: center;
border-radius: 50%;
background-color: yellow;
border: 2px solid black;
}

.text-content {
opacity: 0.5;
}

 

  
    
      Похожие вопросы