How to create vertical text in phtml

Asked Feb 22 '21 at 17:52

Active Feb 22 '21 at 18:01

Viewed 36 times

I had a template in HTML with vertical line but when I display code in a phtml file, it's no longer vertical:

So I need to know why and then how to make my code in vertical way

<svg width="50" height="300">
            <text x="28" y="150" 
            transform="rotate(-90, 28, 150)" >
            This text is vertical</text>
        </svg>

I need to have it like this: vertical text

(Sorry for adding an image in URL format but I don't have the ability to do it 'autrement' ("an other way")).

edited Feb 22 '21 at 18:01

Obsidian

3,719
8
17
30

asked Feb 22 '21 at 17:52

yahya

1

take a look at the css transform effekt "rotate" – Richard Feb 22 '21 at 17:57
with rotate it worked in html but in phtml it didn't – yahya Feb 22 '21 at 18:14
Than you apache is not well configurated. Take a look at the explaining of phtml like: https://stackoverflow.com/a/11859093/7993505 – Richard Feb 23 '21 at 08:46

How to create vertical text in phtml

0 Answers0