简单的表格单元格文本拒绝居中答案

【问题标题】：Simple table cell text refuses to center简单的表格单元格文本拒绝居中
【发布时间】：2014-05-05 09:27:30
【问题描述】：

我想要的只是让 .TableH 水平居中。我通常很擅长处理这样的小事情，但这让我发疯。我不会尽可能多地使用表格，所以如果有人可以帮助我，那就太好了。

HTML：

    <div id="Contactbody">
    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d6118.82203107468!2d-74.17584896118852!3d39.932195088535714!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x8c86de105986c5c3!2sEaglespeed+Oil+%26+Lube!5e0!3m2!1sen!2sus!4v1395432683622" frameborder="0" style="border:0"></iframe>
    <table>
        <tbody>
            <tr>
                <td class="TableH">Hours</td>
            </tr>
            <tr>
                <td class="Day">Mon</td>
                <td class="Hours">8 - 6</td>
            </tr>
            <tr>
                <td class="Day">Tues</td>
                <td class="Hours">8 - 6</td>
            </tr>
            <tr>
                <td class="Day">Wed</td>
                <td class="Hours">8 - 7</td>
            </tr>
            <tr>
                <td class="Day">Thur</td>
                <td class="Hours">8 - 6</td>
            </tr>
            <tr>
                <td class="Day">Fri</td>
                <td class="Hours">8 - 6</td>
            </tr>
            <tr>
                <td class="Day">Sat</td>
                <td class="Hours">7:30 - 3:30</td>
            </tr>
            <tr>
                <td class="Day">Sun</td>
                <td class="Hours">8:30 - 1</td>
            </tr>
        </tbody>
    </table>
</div>

CSS：

#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;
}

【问题讨论】：

标签： html css html-table text-align

【解决方案1】：

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

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

【讨论】：

我试过了，但无济于事。 VS-2013 建议我的意思是 'column-span' 并添加了 -webkit- 等。
看起来它在这里工作（删除了您的 iframe 代码）：http://jsfiddle.net/rvzk4/
@Karmaxdw jlblatt 的代码是正确的，colspan 是<td> 的有效属性。
避免使用大写字母作为 ID 和 CLASS 的第一个字符，或者如果某些浏览器不应用 CSS，请不要感到惊讶。
我发誓我没有疯，但我已经尝试了代码并查看了您的小提琴，但在 Chrome 和 Firefox 中，它都没有居中。