JSFiddle - React, Tailwind, and code Playground

HTML

<div class="tabla">
    <div class="col1">Productos</div>
    <div class="col2">Talla</div>
    <div class="col3">Cantidad</div>
    <div class="col4">Precio</div>

    <div class="col1">Productos1</div>
    <div class="col2"></div>
    <div class="col3">Cantidad1</div>
    <div class="col4">Precio1</div>

    <div class="col1">Productos2</div>
    <div class="col2">Talla2</div>
    <div class="col3"> - </div>
    <div class="col4">Precio2</div>
    
    <div class="col1">Productos3</div>
    <div class="col2">Talla3</div>
    <div class="col3">Cantidad3</div>
    <div class="col4">Precio3</div>

</div>
<p>También puedes usar display:table, display:cell, etc.</p>

CSS

.tabla{
    border:1px solid #999;
    width:450px;
    overflow:hidden;
}
.col1, .col2,.col3, .col4{
float:left;
margin:5px;
width:100px;
}
/* col1, col2 etc. para poder darle diferentes anchos de acuerdo al contenido que se espera, por ejemplo cantidad es cuanto mucho tres o cuatro letras/numeros, en cambio Producto necesitara más anchura */