Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Display some text in vertical order

Tags:

html

css

I am using HTML5 and want to display an string in vertical format: For example: WELCOME can be displayed as:

W

E

L

C

O

M

E

Is it possible to achieve? If yes, how can I do this? Note: In the example, there are two line break. Please avoid one line break.

like image 617
ursitesion Avatar asked Mar 20 '23 19:03

ursitesion


1 Answers

You can use word-break with some small width:

p{
    width:10px;
    word-break: break-all;
}

JSFiddle

like image 172
Vucko Avatar answered Apr 02 '23 10:04

Vucko