Как выровнять td элементы в центре

Я создал простую таблицу и хочу выровнять элементы td в центре, но выровнять: center в css не работает

.cTable td{
align:center;
}

<table border='1' id='mytable' class="cTable">
<tbody>
<tr><th>Claim ID</th><th>Status</th></tr> 
<tr><td align="center">22</td><td>333</td></tr>    
<tr><td>22</td><td>333</td></tr>
<tr><td>22</td><td>333</td></tr>
</tbody>
</table>

Ответ 1

Он должен быть text-align, а не align

https://developer.mozilla.org/en/CSS/text-align

Ответ 2

Что сработало для меня, так это следующее (ввиду путаницы в других ответах):

<td style="text-align:center;">
    <input type="radio" name="ageneral" value="male">
</td>

Предлагаемое решение (text-align) работает, но должно использоваться в атрибуте style.

Ответ 3

margin:auto; text-align, если это не сработает - попробуйте добавить display:block; и установите там width:200px; (в случае, если ваш TD слишком мал).

Ответ 4

Я лично не нашел ни одного из этих ответов полезным. В моем случае я использовал элемент float:none и position:relative. После этого элемент центрировался в <td>.

Ответ 5

Укажите стиль внутри элемента td или в вашем файле scss, например:

vertical-align: 
    middle;