JSFiddle - React, Tailwind, and code Playground

http://stackoverflow.com/questions/6713943/how-to-make-vertically-rotated-links-in-html

by tw16

HTML

<div id='left_column_date_search'>
        <a href='#' class='a1'>Dnes</a>
        <a href='#' class='a2 selected'>Zítra</a>
        <a href='#' class='a3'>Pátek</a>
        <a href='#' class='a4'>Sobota</a>  
    </div> <!-- end: #left_column_date_search -->

CSS

#left_column_date_search {
        background: #000;
        width: 36px;
        float: left;
    }
    
    #left_column_date_search a {
        display: block;
        height: 60px;
        width: 60px;
        color: #fff;
        text-shadow: 1px 0px 0px #000;
        text-decoration: none;
        line-height: 31px;
        margin: 5px 0 0;
        text-align: center;
    }
    #left_column_date_search a.selected {
    /*    background: url(/images/structure/city-search-grad-selected.jpg); */
        color: #660000;
        text-shadow: 0px 1px 0px #9e4a4a;
    }
    #left_column_date_search a:hover {
        background: url(/images/structure/city-search-grad-hover.png);
    }
    
    #left_column_date_search a{
        -webkit-transform: rotate(270deg);  
        -moz-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        transform: rotate(270deg);  
    }