JSFiddle - React, Tailwind, and code Playground

HTML

<dl class="product-field product-field-type-5">
   <dt>Jahrgang</dt>
   <dd>2011 und 2012</dd>
   <dt>Kategorie</dt>
   <dd>Rotwein</dd>
</dl>

CSS

dl.product-field {
  font: bold 12pt sans-serif;
  border: 1px solid blue;
  display:flex;
  flex-flow: row wrap;
}
dl.product-field dt {
  padding: 0; margin: 1em 0;
  flex: 0 0 7em; border: 1px solid red;
  color: #C00;
}
dl.product-field dd {
  padding: 0; margin: 1em 0;
  border: 1px solid red;
  flex: 1 0 calc(100% - 8em);
  justify-content: center;
}