Простой текст таблицы ячейки отказывается от центра

Все, что я хочу, это для.TableH центрироваться по горизонтали. Я обычно довольно приличный, работая над такими маленькими вещами, но это сводит меня с ума. Я не использую таблицы так сильно, как должен, если бы кто-то мог мне помочь, это было бы здорово.

HTML:

<div id="Contactbody">
 
 <table>
 <tbody>
 <tr>
 <td>Hours</td>
 </tr>
 <tr>
 <td>Mon</td>
 <td>8 - 6</td>
 </tr>
 <tr>
 <td>Tues</td>
 <td>8 - 6</td>
 </tr>
 <tr>
 <td>Wed</td>
 <td>8 - 7</td>
 </tr>
 <tr>
 <td>Thur</td>
 <td>8 - 6</td>
 </tr>
 <tr>
 <td>Fri</td>
 <td>8 - 6</td>
 </tr>
 <tr>
 <td>Sat</td>
 <td>7:30 - 3:30</td>
 </tr>
 <tr>
 <td>Sun</td>
 <td>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;
}
1 ответ

Ваша ячейка охватывает только один столбец, вы, вероятно, хотите:

Hours

licensed under cc by-sa 3.0 with attribution.