JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    
        <div class="line"></div>
        <div class="middle">Example</div>
        <div class="line"></div>
        <br>
        <div class="line"></div>
        <div class="middle">Example Example</div>
        <div class="line"></div>            
    </div>

CSS

div{
            display: inline-block;  
        }
        
        #container{
            width: 300px;   
            overflow:hidden;
            white-space: nowrap;
        }
        
        .line{
            height: 5px;
            background: #CCCCCC;
            width: 100px; 
        }