How to write in rowspan letters with vertical order?

HTML-CSS Conversations
#1
Daily/Period I
9:30-10:30		 II
9:30-10:30		 III
9:30-10:30		 9:30-10:30 IV
9:30-10:30		 V
9:30-10:30		 VI
9:30-10:30		 VII
9:30-10:30
Monday Eng Math che Lunch lab phy
Tuesday lab Eng che math Sports
Wednesday math phy Eng che library
Thrusday phy Eng che lab Math
Friday lab math che phy Eng
Saturday Eng Math che Seminar Sports
eg- L u n c h http://127.0.0.1:5500/css%20edyoda/sessions/practise%20css/pracise2.html
1 Like
#2

http://127.0.0.1:5500/css%20edyoda/sessions/practise%20css/pracise2.html

want that lunch word in letters vertical order

1 Like
#3

i got the solution

L
u
n
c
h

this is working…
if any different method then rply me

1 Like
#4

@nagesh28katke
You easily do it with css using CSS selectors and the vertical-align property.

Any td or th by default has a rowspan = 1.

To position the rowspan’d td text in the center, just do this: Taking an example of rowspan = “3”

td[rowspan = “3”] {
vertical-align: middle;
}

If you want to make it generic, just use it as below:

th[rowspan]:not([rowspan=“1”]) {
vertical-align : middle;
}

1 Like