JSFiddle - React, Tailwind, and code Playground

HTML

<dl class="dls">
  <dt class="dts">Name</dt>
  <dd class="dds">Max Mustermann</dd>

  <dt class="dts">Alter</dt>
  <dd class="dds">34</dd>

  <dt class="dts">Beruf</dt>
  <dd class="dds">Schlosser</dd>

</dl>

CSS

.dls  {
  margin: 0px;
  padding: 0px;
}

.dts  {
  display: inline-block;
  width: 40%;
  text-align: left;
}

.dds {
  width: 50%;
  display: inline-block;
  font-weight: bold;
}

@media (max-width:321px) {

}