如何在横幅中写入html中的垂直文本？

Question

我需要写垂直文字。我只是希望文本看起来像一个低于其他文本。

必需输出：

  

A

     

P

     

P

     

→

     

电子

我不能使用rotate属性。我不想修改我的HTML。什么是最好的方式？请帮忙！

谢谢！

Answer 1

我认为这就是你所需要的。

HTML：

<p class="vertical-text">ABCD</p>

CSS：

.vertical-text{
    word-wrap: break-word;
    width: 0;  
}