table标签的内容在课程3.5里面有详细介绍，这里就不做赘述。主要强调两点：

（1）table的长度，是根据其内文本长度决定（2）<tr><td>   </tr></td>表示一行一列的单元格。

本节课程，从代码来看主要是介绍两个内容：

（1）使div里面的文本水平居中

（2）使div元素水平居中

要点就是：

第一步：为需要设置的居中的元素外面加入一个 table 标签 ( 包括 <tbody>、<tr>、<td> )。

第二步：为这个 table 设置“左右 margin 居中”（这个和定宽块状元素的方法一样）。

具体代码附上，跟着要点来看，就很容易看明白了，不妨敲上代码看看效果。

table标签的属性定义：

table{
    border:1px solid;
    margin:0 auto;
}

（1）使div里面的文本水平居中

<div>
<table>
  <tbody>
    <tr><td>
    <ul>
        <li>我是第一行文本</li>
        <li>我是第二行文本</li>
        <li>我是第三行文本</li>
    </ul>
    </td></tr>
  </tbody>
</table>
</div>

（2）使div元素水平居中<table>
    <tbody>
    <tr><td>
        <div class="wrap">
  设置我所在的div容器水平居中
  </div>
  </td></tr>
  </tbody>
  </table>

上节课讲的是定款的块元素居中。这次是不定宽的，你可以把你的内容放到一个table(1行1列)，table如果不设置格式是不显示边框的，然后table是根据文本的长度自适应（就是说像上次一样是定宽度的，宽度=文本的长度），和上一章节一样，就是你设置一下左右的margin宽度。tbody是为了防止网速很慢的时候，加载不出格式，先加载出来文本。tr和td不用说了，就是一行一列单元格定义。