Text auf den Kopf stellen

Text auf den Kopf stellen mit transform:rotate

HERZLICH MILKOWWEN


<style>
<!--
.css3takopf {
width: 350px;
height: 40px;
color: red; 
float:left;
position:relative;
padding:5px 0px 0px;
margin-left:0px;
}
.css3takopf .css3takopf2 {
font-size:30px;
line-height:40px;
position:absolute; left:0px; top:0px;
}
.css3takopf .css3takopf3 { 
display:block;
color: blue; 
font-size:30px; 
position:absolute; right:0px; top:0px;
transform: rotate(-180deg);
}
br .clea{
clear:left;
}
-->
</style>
<div class="css3takopf">
<span class="css3takopf2">HERZLICH</span> <span class="css3takopf3">MILKOWWEN</span>
</div><br class="clea" />