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;

}