JSFiddle - React, Tailwind, and code Playground

HTML

<div class="adicionados" id="tabela">
  <div class="rowtabela">
    <div class="item t_volumes">
      <b>Quantity</b>
    </div>
    <div class="item t_altura">
      <b>Height</b>
    </div>	
    <div class="item t_largura">
      <b>Width</b>
    </div>	
    <div class="item t_profundidade">
      <b>Depth</b>
    </div>	
    <div class="item t_peso">
      <b>Weight</b>
    </div>								
    <div class="item">     
    </div>
  </div>
  <div class="rowtabela">
    <div class="item v_volumes">2</div>
    <div class="item v_altura">1.23</div>
    <div class="item v_largura">4.56</div>
    <div class="item v_profundidade">7.89</div>
    <div class="item v_peso">3.57</div>
    <div class="botao"><input type="button" class="form-control gridresponsivo txt-valor-nf btn btn-danger btn-sm" value="X" onclick="remover(this)"></div>
  </div>
  <div class="rowtabela">
    <div class="item v_volumes">1</div>
    <div class="item v_altura">7.89</div>
    <div class="item v_largura">5.46</div>
    <div class="item v_profundidade">1.32</div>
    <div class="item v_peso">7.53</div>
    <div class="botao"><input type="button" class="form-control gridresponsivo txt-valor-nf btn btn-danger btn-sm" value="X" onclick="remover(this)"></div>
  </div>
</div>

<div class="row">
  <div>					
    <label>Quantity Total</label>					
    <input class="txt-volumes" id="volumes" name="volumes" readonly />	
  </div>
  <div>					
    <label>Cubage (m³)</label>					
    <input class="campo-cubagem" id="cubagem" name="cubagem" readonly />
    <div>					
      <label>Total Weight</label>					
      <input class="form-control gridresponsivo txt-peso-total" id="peso_total" name="peso_total"  readonly />	
    </div>
</div>

CSS

.adicionados{
  border: solid 2px white;
}
.rowtabela{
  display: flex;
  margin-bottom: 2px;
}
.item{
  margin-right: 10%;
  text-align: center;
}