JSFiddle - React, Tailwind, and code Playground

HTML

<div class="verticle-text">
   赖小赖 laispace.com
</div>

CSS

.verticle-text {
    outline: 1px solid red;
    margin: 20px;
    
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    
    -webkit-transform-origin: left top 0;
    transform-origin: left top 0;
    
    float: left; /* 自适应宽度 */
    
    
}