Edit in JSFiddle

<link href="https://fonts.googleapis.com/css?family=Fredericka+the+Great|Monofett|Press+Start+2P|Ruge+Boogie|Sacramento" rel="stylesheet">

<div class="sample03">
  <dl style="font-family: 'Fredericka the Great'; font-weight: 400">
    <dt>Fredericka the Great</dt>
    <dd>Freshness burger king</dd>
  </dl>
  
  <dl style="font-family: Monofett; font-weight: 400">
    <dt>Monofett</dt>
    <dd>Discography</dd>
  </dl>
  
  <dl style="font-family: 'Press Start 2P'; font-weight: 400">
    <dt>Press Start 2P</dt>
    <dd>Dragon Fantasy</dd>
  </dl>
  
  <dl style="font-family: 'Ruge Boogie'; font-weight: 400">
    <dt>Ruge Boogie</dt>
    <dd>Happy Hour 16-18p.m.</dd>
  </dl>
  
  <dl style="font-family: Sacramento; font-weight: 400">
    <dt>Sacramento</dt>
    <dd>Today's Special Lunch</dd>
  </dl>
</div>
body {
  padding: 10px;
  font-size: 12px;
}

.sample03 dl {
  margin-top: 30px;
}
.sample03 dl dt {
  display: inline-block;
  margin-bottom: 5px;
  padding: 0.2em 1em;
  border-radius: 100px;
  background: #333;
  color: #fff;
  font-size: 1.2em;
  letter-spacing: .05em;
  line-height: 1;
}
.sample03 dl dd {
  font-size: 1.8em;
}