QA@IT

HTMLで縦書きの一部(数字など)を横書きにするには

7904 PV

以下のようなCSSで

body { writing-mode:tb-rl; }

縦書きを指定したページで、縦書き中の数字などを横書きにするにはどうしたらいいでしょう?

回答

横書きにしたい部分をspanで囲んで

<span class="hinv">13</span>号

以下のようなCSSを指定します

span.hinv {
-webkit-writing-mode: horizontal-tb;
display: inline-block;
line-height: 1em;
text-align: center;
text-indent: 0;
letter-spacing:0.0em;
}

編集 履歴 (1)
ウォッチ

この質問への回答やコメントをメールでお知らせします。