css让文字旋转270度

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE> New Document </TITLE>

<META NAME="Generator" CONTENT="EditPlus">

<META NAME="Author" CONTENT="">

<META NAME="Keywords" CONTENT="">

<META NAME="Description" CONTENT="">

</HEAD>

<script type="text/javascript">

</script>

<style type="text/css">

.rotation1{

position:absolute;filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);left:100px;top:10px;

}

.rotation2{

position:absolute;filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);left:140px;top:10px;

}

.rotation3{

position:absolute;filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);left:170px;top:10px;

}





</style>

<BODY>

<span class="rotation1"><h2 style="color:#ccddff;">A</h2></span>

<span class="rotation2"><h2 style="color:#ccddff;">B</h2></span>

<span class="rotation3"><h2 style="color:#ccddff;">C</h2></span>

</BODY>

</HTML>