CSS 实现台阶效果

HMTL

CSS

p{
    width: 0;
    transform: rotate(-90deg) translateY(200px);
}
p:before{
    color: transparent;
    content: 'x xx xxx xxxx xxxxx xxxxxx xxxxxxx xxxxxxxx xxxxxxxxx xxxxxxxx xxxxxxx xxxxxx xxxxx xxxx xxx xx x';
    outline: 1px solid tomato;
}

image.png

codepen