CSS: creare una tabella da una lista di definizioni

Possiamo creare una lista di definizioni tabellare con i CSS.

Il modulo CSS3 Flexbox è particolarmente adatto in questo caso.

dl {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #ddd;
}

dt, dd {
  margin: 0;
  width: 50%;
  border-bottom: 1px solid #ddd;
  padding: 0.5em;
  box-sizing: border-box;
}

dt {
  border-right: 1px solid #ddd;
  font-weight: bold;
}

dt:last-of-type,
dd:last-of-type {
  border-bottom: none;
}

Demo e codice

CSS: tabular definition list