dl、dt、dd数据列表替代表格

  <dl>
  <dt>Name: </dt>
  <dd>Squall Li</dd>
  <dt>Age: </dt>
  <dd>23</dd>
  <dt>Gender: </dt>
  <dd>Male</dd>
  <dt>Day of Birth:</dt>
  <dd>26th May 1986</dd>
</dl>

    而在css代码中，我们仅需让dt和dd向左浮动即可。
    /*DL, DT, DD TAGS LIST DATA*/

dl {
  margin-bottom:50px;
}

dl dt {
  background:#5f9be3;
  color:#fff;
  float:left;
  font-weight:bold;
  margin-right:10px;
  padding:5px;
  width:100px;
}

dl dd {
  margin:2px 0;
  padding:5px 0;
}