CSS: Place vertical text

For a html report I needed the Excel functionality to put text vertical. I didn't know that this was possible but it is. Put the following code in your page (style in the style section of the head or style sheet of course). [code:html] .verticalTextBottomTop { writing-mode: tb-rl; filter: flipv fliph; }   .verticalTextTopBottom { writing-mode: tb-rl; filter: fliph fliph; } <div class="verticalTextBottomTop" style="height: 200px;">Text verticalTextBottomTop</div> <div class="verticalTextTopBottom" style="height: 200px;">Text verticalTextBottomTop</div> [/code]  To prevent word wrap you need to set the height property of the container. More Info »