文字回転CSS ( 含IE9 )

§§§§§§§§§§§§§§§§§§§§

今何時ですか？
明日お会いしましょう

§§§§§§§§§§§§§§§§§§§§

<style type="text/css">
.rbase {
	font-family: "ＭＳ ゴシック";
	font-size:14px;
	line-height: normal;
}
.rotation270 {
	font-family: "ＭＳ ゴシック";
	font-size:15px;
	line-height: normal;
	/* 回転 : cos sin -sin cos : Y軸下向きが正 */
	-moz-transform:matrix(0, 1, -1, 0, 0, 0);
	-webkit-transform:matrix(0, 1, -1, 0, 0, 0);
	-o-transform:matrix(0, 1, -1, 0, 0, 0);
	-ms-transform:matrix(0, 1, -1, 0, 0, 0);
	transform:matrix(0, 1, -1, 0, 0, 0);
	display: inline-block; 
}
</style>
<!--[if lte IE 8]>
<style type="text/css">
.rotation270 {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
</style>
<![endif]-->

<pre class="rbase">
<span class="rotation270">§</span><span class="rotation270">§</span><span class="rotation270">§</span><span class="rotation270">§</span><span class="rotation270">§</span><span class="rotation270">§</span><span class="rotation270">§</span><span class="rotation270">§</span><span class="rotation270">§</span><span class="rotation270">§</span><span class="rotation270">§</span><span class="rotation270">§</span><span class="rotation270">§</span><span class="rotation270">§</span><span class="rotation270">§</span><span class="rotation270">§</span><span class="rotation270">§</span><span class="rotation270">§</span><span class="rotation270">§</span><span class="rotation270">§</span>

今何時ですか<span class="rotation270">？</span>
明日お<span class="rotation270">会</span>いしましょう

<span class="rotation270">§</span><span class="rotation270">§</span><span class="rotation270">§</span><span class="rotation270">§</span><span class="rotation270">§</span><span class="rotation270">§</span><span class="rotation270">§</span><span class="rotation270">§</span><span class="rotation270">§</span><span class="rotation270">§</span><span class="rotation270">§</span><span class="rotation270">§</span><span class="rotation270">§</span><span class="rotation270">§</span><span class="rotation270">§</span><span class="rotation270">§</span><span class="rotation270">§</span><span class="rotation270">§</span><span class="rotation270">§</span><span class="rotation270">§</span>
</pre>

他の角度は、CSS : 文字の回転と反転 ( matrix )を参照して下さい