Html 简单表格单元格文本拒绝居中

我所想要的，就是将表水平居中。我通常很擅长处理像这样的小事，但这让我发疯。我不用桌子，所以如果有人能帮我，那就太好了

HTML:

---

您的单元格仅跨一列，您可能需要：

<td class="TableH" colspan="2">Hours</td>

小时

我试过了，但没用。VS-2013表明我的意思是“column span”，并添加了-webkit-，等等。看起来它在这里起作用（删除了iframe代码）：@Karmaxdw jlblatt的代码是正确的，

colspan

是

的有效属性。避免使用大写字母作为ID和类的第一个字符，如果某些浏览器不应用CSS，也不要感到惊讶。我发誓我没有发疯，但我已经尝试了代码并查看了你的小提琴，但在Chrome和Firefox中，它都没有居中。

#Contactbody {
position: absolute;
display: none;
margin: 8% 0 0 15%;
width: 70%;
height: auto;
border-left: 4px solid #ffe168;
}

#Contactbody iframe {
    display: block;
    float: left;
    margin-left: 2.5%;
    width: 40%;
    height: auto;
}

#Contactbody table {
    float: right;
    margin-right: 5%;
    width: 25%;
    font-family: Aleygra Sans SC, Maven Pro, Verdana, Arial;
}

.TableH {
color: #0b0658;
vertical-align: middle;
font-weight: bold;
    text-align: center;
}

<td class="TableH" colspan="2">Hours</td>