JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    
    <div class="container"></div>
    
    <div class="content-container">
        
        <div class="content">
            
            Hello, I need some text that extends for a bit, so I'll just write this in the div and all will be good.
            
        </div>
        
    </div>
    
    <div class="container"></div>
    
</body>

CSS

body {
    overflow-x: hidden;
}

.container {
    height: 20px;
    background-color: #377ab7;
    margin: 0 -9999px;
    padding: 0 9999px;  
}

.content-container {
    height: 100px;
    margin: 0 -9999px;
    padding: 0 9999px;
}

.content {
    width: 300px;   
}