writing-mode排版竖文
HTML&&css
<div class="bruce flex-ct-x">
<div class="vertical-text">
<h3>情</h3>
<p>我见犹怜,<br>爱不释手。<br>雅俗共赏,<br>君子好逑。</p>
</div>
</div>
.vertical-text {
writing-mode: vertical-rl;
h3 {
padding-left: 20px;
font-weight: bold;
font-size: 18px;
color: $red;
}
p {
line-height: 30px;
color: $purple;
}
}
拓展:letter-spacing文本倒序排版