前端实现文字竖向排版

writing-mode排版竖文

HTML&&css

	

		
情
		
我见犹怜，
爱不释手。
雅俗共赏，
君子好逑。
	





.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文本倒序排版