Как это преобразовать для блока?

Question

[sergey]

пример с одной линией
меня же интересует аналогичное но при блоке (квадрате). Как это преобразовать или сделать по новому?

Comments

[sergey]

27cm: вопрос не могу сформулировать правильно

Answer 1

[Котик Антон]

Как правильно сверстать такой элемент?

Comments

[sergey]

благодарствую

Answer 2

[iBird Rose]

h1 - это и есть div по сути (тобишь твой блок (квадрат))
отличиний никаких нет

Comments

[sergey]

да это понятно, но я просто привел пример, а необходимо надпись сделать на квадрате 150X150, то есть не просто на линии, а на одной из стенок блока

[iBird Rose]

SM: я не понял о чем ты

[sergey]

iBird Rose: что именно не понятно: есть квадрат, у него 4 стороны (линии), на одной из них текст поверх линии, вопрос как реализовать?

[iBird Rose]

SM: так чтоли? https://jsfiddle.net/fagb4w4m/

[sergey]

iBird Rose: не совсем: вот так jsfiddle.net/yurzui/0zoh3j7t

[iBird Rose]

SM: ну тк однохуйственно делается