Exemple de code de la propriété CSS -ms-writing-mode.

<style>
.conteneur{
 width :350px; 
 margin:10px; 
 border:1px solid #226C01; 
}
.border{
 border:1px dotted #ccc; 
}
.defaut{
 display:block; 
}
.hauteur{
 height:200px; 
}

.lr-tb{
 -ms-writing-mode : lr-tb,
}

.rl-tb{
 -ms-writing-mode : rl-tb; 
}

.tb-rl{
 -ms-writing-mode : tb-rl; 
}

.bt-rl{
 -ms-writing-mode : bt-rl; 
}

.tb-lr{
 -ms-writing-mode : tb-lr; 
}

.bt-lr{
 -ms-writing-mode : bt-lr; 
}

.lr-bt{
 -ms-writing-mode : lr-bt; 
}

.rl-bt{
 -ms-writing-mode : rl-bt; 
}

.vertical-rl{
 -ms-writing-mode : vertical-rl; 
}

.vertical-lr{
 -ms-writing-mode : vertical-lr; 
}
</style>
<div class="conteneur lr-tb">
 <span class="defaut border"><b>-ms-writing-mode : lr-tb.</b></span>
 <span class="defaut border"><b>Bloc 2 :</b>Altera sententia est, quae definit amicitiam paribus officiis ac voluntatibus.</span>
 <span class="defaut border"><b>Bloc 3 :</b>Hoc quidem est nimis exigue et exiliter ad calculos vocare amicitiam, ut par sit ratio acceptorum et datorum. Divitior mihi et affluentior.</span>
</div>
<div class="conteneur rl-tb">
 <span class="defaut border"><b>-ms-writing-mode : rl-tb.</b></span>
 <span class="defaut border"><b>Bloc 2 :</b>Altera sententia est, quae definit amicitiam paribus officiis ac voluntatibus.</span>
 <span class="defaut border"><b>Bloc 3 :</b>Hoc quidem est nimis exigue et exiliter ad calculos vocare amicitiam, ut par sit ratio acceptorum et datorum. Divitior mihi et affluentior.</span>
</div>
<div class="conteneur tb-rl hauteur">
 <span class="defaut border"><b>-ms-writing-mode : tb-rl.</b></span>
 <span class="defaut border"><b>Bloc 2 :</b>Altera sententia est, quae definit amicitiam paribus officiis ac voluntatibus.</span>
 <span class="defaut border"><b>Bloc 3 :</b>Hoc quidem est nimis exigue et exiliter ad calculos vocare amicitiam, ut par sit ratio acceptorum et datorum. Divitior mihi et affluentior.</span>
</div>
<div class="conteneur bt-rl hauteur">
 <span class="defaut border"><b>-ms-writing-mode : bt-rl.</b></span>
 <span class="defaut border"><b>Bloc 2 :</b>Altera sententia est, quae definit amicitiam paribus officiis ac voluntatibus.</span>
 <span class="defaut border"><b>Bloc 3 :</b>Hoc quidem est nimis exigue et exiliter ad calculos vocare amicitiam, ut par sit ratio acceptorum et datorum. Divitior mihi et affluentior.</span>
</div>
<div class="conteneur tb-lr hauteur">
 <span class="defaut border"><b>-ms-writing-mode : tb-lr.</b></span>
 <span class="defaut border"><b>Bloc 2 :</b>Altera sententia est, quae definit amicitiam paribus officiis ac voluntatibus.</span>
 <span class="defaut border"><b>Bloc 3 :</b>Hoc quidem est nimis exigue et exiliter ad calculos vocare amicitiam, ut par sit ratio acceptorum et datorum. Divitior mihi et affluentior.</span>
</div>
<div class="conteneur bt-lr hauteur">
 <span class="defaut border"><b>-ms-writing-mode : bt-lr.</b></span>
 <span class="defaut border"><b>Bloc 2 :</b>Altera sententia est, quae definit amicitiam paribus officiis ac voluntatibus.</span>
 <span class="defaut border"><b>Bloc 3 :</b>Hoc quidem est nimis exigue et exiliter ad calculos vocare amicitiam, ut par sit ratio acceptorum et datorum. Divitior mihi et affluentior.</span>
</div>
<div class="conteneur lr-bt">
 <span class="defaut border"><b>-ms-writing-mode : lr-bt.</b></span>
 <span class="defaut border"><b>Bloc 2 :</b>Altera sententia est, quae definit amicitiam paribus officiis ac voluntatibus.</span>
 <span class="defaut border"><b>Bloc 3 :</b>Hoc quidem est nimis exigue et exiliter ad calculos vocare amicitiam, ut par sit ratio acceptorum et datorum. Divitior mihi et affluentior.</span>
</div>
<div class="conteneur rl-bt">
 <span class="defaut border"><b>-ms-writing-mode : rl-bt.</b></span>
 <span class="defaut border"><b>Bloc 2 :</b>Altera sententia est, quae definit amicitiam paribus officiis ac voluntatibus.</span>
 <span class="defaut border"><b>Bloc 3 :</b>Hoc quidem est nimis exigue et exiliter ad calculos vocare amicitiam, ut par sit ratio acceptorum et datorum. Divitior mihi et affluentior.</span>
</div>
<div class="conteneur vertical-rl">
 <span class="defaut border"><b>-ms-writing-mode : vertical-rl.</b></span>
 <span class="defaut border"><b>Bloc 2 :</b>Altera sententia est, quae definit amicitiam paribus officiis ac voluntatibus.</span>
 <span class="defaut border"><b>Bloc 3 :</b>Hoc quidem est nimis exigue et exiliter ad calculos vocare amicitiam, ut par sit ratio acceptorum et datorum. Divitior mihi et affluentior.</span>
</div>
<div class="conteneur vertical-lr">
 <span class="defaut border"><b>-ms-writing-mode : vertical-lr.</b></span>
 <span class="defaut border"><b>Bloc 2 :</b>Altera sententia est, quae definit amicitiam paribus officiis ac voluntatibus.</span>
 <span class="defaut border"><b>Bloc 3 :</b>Hoc quidem est nimis exigue et exiliter ad calculos vocare amicitiam, ut par sit ratio acceptorum et datorum. Divitior mihi et affluentior.</span>
</div>