Edit in JSFiddle

<blockquote class="tate" cite="https://ja.wikipedia.org/wiki/%E7%B8%A6%E6%9B%B8%E3%81%8D%E3%81%A8%E6%A8%AA%E6%9B%B8%E3%81%8D">
世界に存在する文書は、その言語および表記する文字体系の組合わせによって文字を書き進める方向（書字方向）が異なる。書字方向には、大きく分けて縦書き（たてがき、縦組み）と横書き（よこがき、横組み）がある。<br>
最終更新 2016年5月<span class="yoko">17</span>日<br>
<a href="https://ja.wikipedia.org/wiki/%E7%B8%A6%E6%9B%B8%E3%81%8D%E3%81%A8%E6%A8%AA%E6%9B%B8%E3%81%8D" target="_blank">縦書きと横書き - Wikipedia</a>
</blockquote>

.tate {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  /* 欧文回転 */
  -webkit-text-orientation: upright;
  -ms-text-orientation: upright;
  text-orientation: upright;

}
blockquote {
  background: #fff;
	border: #ccc 1px solid;
	margin: 2em auto;
	padding: 1em; width: 90%;
	height: 20em;
  display: block;
	position: relative;
}
blockquote:before {
  font: 400%/1 normal serif;
  content: '“';
  width: 1em;
  height: 1em;
  display: block;
  position: absolute;
  top: -.2em;
  left: 0;
  z-index: 1;
}


/* 縦中横 */
.tate .yoko {
  -webkit-text-combine-upright: all;
  -ms-text-combine-upright: all;
  text-combine-upright: all;
}