JSFiddle - React, Tailwind, and code Playground

HTML

<div class='wrapper'>
        test<br />
        <hr />
        <div><hr /></div>
        <div><div><hr /></div></div>
        <div>ing</div>
    </div>

CSS

body{
            margin:0;
            overflow:hidden;
        }
        .wrapper{
            transform: rotate(90deg);
            transform-origin:bottom left;
            
            position:absolute;
            top:-100vw;
            
            height:100vw;
            width:100vh;
            
            
            background-color:#000;
            color:#fff;
        }