JSFiddle - React, Tailwind, and code Playground

HTML

<div class="tag">
    <div class="header">
    Product
    </div>
    <div class="article">
    <div class="info">Lorem sd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.Lorem sd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.Lorem sd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.Lorem sd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.Lorem sd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.Lorem sd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
    </div>

    </div>
    <div class="barcode">
    <p>Barcode</p>
    </div>



</div>

CSS

.tag {
    border-style: solid;
    min-width:11.5cm;
    max-width:11.5cm;
    max-height:3.5cm;
    margin:0.1cm;
    padding:0.1cm;
}
.header {
    min-width:11.5cm;
    max-width:11.5cm;
    font-size:35px;
    font-weight:bold;
}

.article {
    min-width:11.5cm;
    max-width:11.5cm;

}

.info {
  overflow: hidden;
  float:left;
  text-align:left;
  min-width:7.5cm;
  max-width:7.5cm;
  height:35px;
  font-size:10px;
}

.barcode {
    text-align:center;
    min-width:11.5cm;
    max-width:11.5cm;
}