Hybrid Table/Definition List

The following shows how you can display a list if items as a table on a wide screen and as a definition list on a narrow one.

<div class="table2dl">
  <div class="row">
    <div class="column">Jon Doe</div>
    <div class="column">123 Main Street</div>
    <div class="column">Anytown, USA 12345</div>
  </div>
  <div class="row">
    <div class="column">Jan Dee</div>
    <div class="column">456 First Street</div>
    <div class="column">Anothertown, USA 54321</div>
  </div>
  <div class="row">
    <div class="column">Dan Lee</div>
    <div class="column">789 Third Street</div>
    <div class="column">Small City, USA 13579</div>
  </div>
  <div class="row">
    <div class="column">Zoe Bee</div>
    <div class="column">987 42nd Street</div>
    <div class="column">Big City, USA 01234</div>
  </div>
<div>