JSFiddle - React, Tailwind, and code Playground

HTML

<div id='divPrincipal'>
    <div id='divCabecera'>
        <div class='divTexto'>Texto 1</div>

        <div class='divTexto'>Texto 2</div>

        <div class='divTexto'>Texto 3</div>

        <div class='divTexto'>Texto 4</div>
        <div class='divTexto'>Texto 5</div>
        <div class='divTexto'>Texto 6</div>
        <div class='divTexto'>Texto 7</div>
        <div class='divTexto'>Texto 8</div>

    </div>

    Otros elementos...
</div>

CSS

#divPrincipal{ width:500px; margin: 0 auto; height:100px; border:solid 1px #666; overflow:auto;}
#divCabecera{ width:100%; overflow:auto;}
.divTexto{ width:100%; float:left;height:50px: border-bottom:solid 1px #ccc;}