Markdown表格居中显示

参考链接：https://javaforall.cn/191896.html

示例表格Markdown语法：（默认表格居左且内容文本居左）
代码如下：

| 序号   | 内容  |        描述       |
|  ---  |  ---  |  ---------------  |
|   1   |   l   | 大写字母L的小写字母l|
|   2   |   I   |     大写字母I      |
|   3   |   1   |       数字1      |

效果如下：

序号	内容	描述
1	l	大写字母L的小写字母l
2	I	大写字母I
3	1	数字1

修改markdown代码（对应位置加“:”），让表格中的内容居中显示：
代码如下：

|   序号   |   内容  |        描述         |
|  :---:  |  :---:  |  :---------------:  |
|    1    |    l    |  大写字母L的小写字母l |
|    2    |    I    |      大写字母I       |
|    3    |    1    |        数字1       |

修改后效果如下：

序号	内容	描述
1	l	大写字母L的小写字母l
2	I	大写字母I
3	1	数字1

调用html的语法，让Markdown表格居中，同时增加标题，代码如下：

<!-- 让表格居中显示的风格 -->
<style>
.center 
{
  width: auto;
  display: table;
  margin-left: auto;
  margin-right: auto;
}
</style>

<p align="center"><font face="黑体" size=2.>表1 示例表格</font></p>

<div class="center">

|   序号   |   内容  |        描述         |
|  :---:  |  :---:  |  :---------------:  |
|    1    |    l    |  大写字母L的小写字母l |
|    2    |    I    |      大写字母I       |
|    3    |    1    |        数字1       |

</div>

最终效果如下：