Upside Down Text - Cross-Browser CSS Transform

Simple demo writing text upset updown using CSS Transforms

HTML

<p class="rightsideuptext">Test message</p>
<p class="upsidedowntext">BAM yo!</p>

CSS

.rightsideuptext{
    color:#000;  
    text-align:center;
    font-size:20px;  
    font-weight:700;
    line-height: 100%;
}
.upsidedowntext{margin-top:10px;
    direction:rtl; 
    unicode-bidi:bidi-override;
    color:#000;  
    text-align:center; 
    font-size:20px;  
    font-weight:700;
    line-height: 100%;
    -moz-transform:rotate(-180deg);
    -o-transform:rotate(-180deg);
    -webkit-transform:rotate(-180deg); transform:rotate(-180deg);
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);  
    ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"
}