body{
	position: relative;
	margin: 0px;
	padding: 20px;
	font-family: "Arial";
	font-size: 18px;
}
h3{margin-top: 0px; color: #555; text-align: center;}
.table{
	display: table;
	width: 100%;
	height: 100%;
	min-height: 200px;
	position: relative;
	box-shadow: 0px 0px 2px #999;
}
.table div{
	display: table-cell;
	position: relative;
	background: white;
	vertical-align: middle;
	height: 300px;
	box-sizing: border-box;
	padding: 20px;
	text-align: center;
	box-shadow: inset 0px 0px 2px #999;
}
span{
	writing-mode: vertical-rl;
  unicode-bidi: bidi-override;
  direction: ltr;

  display: inline-block;
  background: white;
  padding: 20px 15px;
  color: black;
  border: 1px dashed blue;
}
/*1*/
.to-mixed{
	text-orientation: mixed;
}
.to-upright{
	text-orientation: upright;
}
.to-sideways{
   -webkit-text-orientation: sideways;
	text-orientation: sideways;
}