くの字点のcss

質問

以下をcssにしてくの字点を出す方法を教えてください

<span style="display:inline-block; line-height:1em; vertical-align:middle; -ms-writing-mode: rl-tb; -webkit-writing-mode: horizontal-tb; writing-mode: horizontal-tb; layout-flow:horizontal; text-orientation:upright; -webkit-text-orientation:upright;"><span style="display:block">〳</span><span style="display:block">〵</span></span>

回答No.2

4017B · ベストアンサー

/* CSS */
.kunoji {
display: inline-block;
layout-flow: horizontal;
line-height: 100%;
text-orientation: upright;
vertical-align: middle;
writing-mode: horizontal-tb;
}
.kunoji:before,
.kunoji:after {
display: block;
}
.kunoji:before {
content: '\3033';
}
.kunoji:after {
content: '\3035';
}

/* HTML */
<span class="kunoji"></span>

P.S.
多分、こういう事でしょうか？ベンダープレフィックスが必要な場合は適当に追記修正してください。

お礼

ありがとうございました。

回答No.1

ballville

そのCSSでできているようですが、何を知りたいのでしょう。

https://codepen.io/anon/pen/gjQzBq

お礼

ありがとうございました。