JSFiddle - React, Tailwind, and code Playground

by Cath_kb

HTML

<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et ad rerum aliquid possimus fugiat optio eos. Ut maxime quidem tempora culpa eum dicta deserunt at harum mollitia sint reprehenderit blanditiis.
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et ad rerum aliquid possimus fugiat optio eos. Ut maxime quidem tempora culpa eum dicta deserunt at harum mollitia sint reprehenderit blanditiis.
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et ad rerum aliquid possimus fugiat optio eos. Ut maxime quidem tempora culpa eum dicta deserunt at harum mollitia sint reprehenderit blanditiis.
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et ad rerum aliquid possimus fugiat optio eos. Ut maxime quidem tempora culpa eum dicta deserunt at harum mollitia sint reprehenderit blanditiis.
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et ad rerum aliquid possimus fugiat optio eos. Ut maxime quidem tempora culpa eum dicta deserunt at harum mollitia sint reprehenderit blanditiis.
</p>

SCSS

p {
    padding-left: 20px;
    position: relative;
    margin: 0;
    overflow: hidden;
    
    line-height: 20px;
    
        &:before {
            display: inline-block;
            width: 1px;
            position: absolute;
            left: 0;
            top: 0;
                
            content: '1 2 3 4 5 6 7 8 9 10 101 1002 1003';
            line-height: 20px;
            text-align: right;
            
            color: grey;
        }
}