Как сделать такой блок?

Question

[Mars Cossado]

Как сверстать такой блок?

Comments

[fsociety_one]

Before и after в помощь!

[Жук]

как делать нефиг

[Mars Cossado]

fsociety_one, Никогда не понимал зачем они и как пользоваться ними

[Mars Cossado]

Жук, Я тоже могу так сказать, но каждый сверстал бы по разному мне интересно кто как бы сделал

Answer 1

[Rustam Bainazarov]

Не понял проблемы, если честно.

Comments

[Mars Cossado]

Как сделать букву T под текстом

[Rustam Bainazarov]

Mars Cossado, LOL! Вы посмотрели вообще пример, что я прислал?

[Rustam Bainazarov]

Mars Cossado, на кнопку «Result» нажать надо, если что.

[Mars Cossado]

Рустам Байназаров, Понравилось ваше решение

[Rustam Bainazarov]

Mars Cossado, посмотрите, я немного обновил. Текст внутри стоит обернуть в блок и поднять его дополнительно, чтобы можно было на фон блока что-то ставить и чтобы это не перекрывало букву.

Answer 2

[Жук]

Answer 3

[Артур Свитов]

Сначала создаётся блок, с буквой Т, ему добавляется свойство position: relative; затем в него можно поместить слово OUR TEAM с помощью :before {
content: "OUR TEAM";
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}