Creating vertical text?

on thispaghe,
http://ronisfineart.com/painting4.shtml
I’m trying to create some vertical text to the left of those numbers (1-15).
I figure to follow this rule to make the text,

color:#333; 	border:0px solid red; 	writing-mode:tb-rl; 	-webkit-transform:rotate(270deg); 	-moz-transform:rotate(270deg); 	-o-transform: rotate(270deg); 	white-space:nowrap; 	display:block; 	bottom:0; 	width:20px; 	height:20px; 	font-family: ‘Trebuchet MS’, Helvetica, sans-serif; 	font-size:24px; 	font-weight:normal; 	text-shadow: 0px 0px 1px #333;

but really dont know how to add the markup
do I simply add a <h2> just before the <ul> or what…
Thanks…

it depends on what the text means. If you want to indicate a header for the list , then yes.

Markup would be :
<hx>Your Header text</hx>
<ol>…

Aesthetically, I dont’s see where you would put the vertical header where it would fit well on your lay ot. But in anycase you can use POSITION:Relative on the container, and position ABSOLUTE on the Hx and thus place it that way. Also be aware that the text wont be vertical in browsers which don’t support transform.

BTW, if you wanted the text to drop-vertical :
R
a
n
d
o
m

t
e
x
t.

you could do something like this:
.verticalText{width :.5em; background: silver;text-align: center;word-wrap:break-word; padding:.5em; line-height: 1; float:left; margin-right: 1em}