Horizontal Center Radio Button In Table

I'm not what happening but here is my HTML;

tabletd.radio { border:1px solid red;display: block;margin:0 auto;}
tabletrtd { text-align:center; margin-left:auto; margin-right:auto; border:1px solid red;}

<table><trid='javatbd158311X2059X38315A008'class='array2 answers-list radio-list'><tdclass="answer_cell_003 answer-item radio-item"><labelclass="hide read"for="answer158311X2059X38315A008-3">Neither agree nor disagree</label><inputclass="radio"type="radio"name="158311X2059X38315A008"value="3"id="answer158311X2059X38315A008-3"title="Neither agree nor disagree"onclick="checkconditions(this.value, this.name, this.type)" /></td></tr></table>

Solution 2:

give the input display block

u can find the code here
 [https://jsfiddle.net/u85mca3d/][1]