縦書き用CSS

縦書き用のCSSは下記を追加CSSとして指定し、縦書き記事本文の前にarticleタグを挿入して参照している。

/* vertical layout */
.vert {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;

font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
font-size: 1.4rem;
line-height: 2;

float: right;

overflow: auto;

width:95%;
height:auto;
max-height:42em;
position:relative;
 text-combine-upright: digits 4;
}