html div中加表格,HTML CSS在div中的表格定位

我有下面的工作示例，我需要稍微调整：HTML CSS在div中的表格定位

正如你所看到的，有两个中心对齐的表格。用左下方的垂直按钮列表对齐。

这些表格可以有不同数量的

's，我希望表格在顶部而不是从底部对齐。即我不想在表格顶端留下空隙2.有人知道我可以如何修改吗？

HTML

Table 1

Data 1

Data 2

Table 2

Data 1

CSS

.TSS {

border: 1px solid #000000;

float: none;

font-family: Verdana,Geneva,sans-serif;

font-size: 10.6px;

font-style: normal;

padding: 10px;

text-decoration: none;

display: inline-block;

}

#centertbl {

text-align: center;

}

.button {

background-color: #4CAF50;

/* Green */

border: none;

color: white;

padding: 5px 15px;

text-align: center;

text-decoration: none;

display: block;

font-size: 16px;

margin: 4px 2px;

-webkit-transition-duration: 0.4s;

/* Safari */

transition-duration: 0.4s;

cursor: pointer;

}

.button1 {

background-color: white;

color: black;

border: 2px solid #4CAF50;

}

.button1:hover {

background-color: #4CAF50;

color: white;

}

2016-04-22

Jaron787

+1

标识** **必须是唯一的 –