vertical text

[sigmahokies]

Hi everyone,

 

I usually write PHP, but this time, I need a help in CSS. I am trying to create a vertical text, Not transfer rotate degree.

 

I want to write like this:

 

C

L

A

S

S

 

Thanks,

 

Gary

[Ch0cu3r]

If you dont want to rotate the text then you will have to resort to using line breaks after every character

<p>
  H<br />e<br />l<br />l<br />o
</p>

Or write each character on its own line and apply  white-space: pre  

<style>
.vert-text {
    white-space: pre;
}
</style>

<p class="vert-text">H
e
l
l
o</p>

[Barand]

$word = 'CLASS';

echo join('<br>', str_split($word));

[Psycho]

You could also just put a space between every character and put the text in a container with a width of 1px.

 

 

<div style="width:1px">C L A S S</div>

[Barand]

It will improve the appearance if you make it wide enough for a character and center the text

<div style="width:10px; text-align:center;">C L A S S</div>

[sigmahokies]

Barand and Psycho, it is working now.

 

Thank you,

 

Gary