Rotating 90 degrees in CSS in IE8 and lower

css, internet-explorer, rotation

Solution

You want to use `filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);`

CSS

.horizontal {
    display: block;
    width: 300px;
    height: 100px;/*height*/
    background: #FF0000;
    margin: auto;
    margin-top: 110px;
    text-align: center;
    border: 5px solid #000000;

    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    transform: rotate(-90deg);
}

More information on this

Problem

How can I rotate 90 degrees in IE 8 and lower, using only CSS? ``` .horizontal { display: block; width: 300px; height: 100px;/*height*/ background: #FF0000; margin: auto; margin-top: 110px; text-align: center; border: 5px solid #000000; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } ```

Original source