1、新建一个html文件，命名为test.html，用于讲解css怎样实现两个表格左右对齐 。
2、在test.html文件内，在div内，使用table标签创建两个表格。
3、在test.html文件内，设置div的class属性为mttbb。
4、在css标签中，通过class定义div的样式，设置它的宽度为400px，高度为200px，背景颜色为灰色，并通过display设置div内的元素为flex布局。
5、在css标签中，将align-items属性设置为flex-start，实现垂直方向table顶部对齐，将justify-content属性设置为space-between，实现水平方向table两边对齐。
6、在浏览器打开test.html文件，查看实现的效果。
1、在div内，使用table标签创建两个表格。
2、设置div的class属性为mttbb。
3、在css标签中，通过class定义div的样式，设置它的宽度为400px，高度为200px，背景颜色为灰色，并通过display设置div内的元素为flex布局。
4、在css标签中，将align-items属性设置为flex-start，实现垂直方向table顶部对齐，将justify-content属性设置为space-between，实现水平方向table两边对齐。
5、在浏览器打开test.html文件，查看实现的效果。
