Center td inside a fixed width div - html

Question

I have a fixed width div, and i need to center the two td in the middle.
here's my fiddle: http://codepen.io/anon/pen/YyrOZm
html:
<div class="managed-form">
<table>
<tr>
<td>
<label title="Company">
Company
</label>
<input size="30" type="text">
</td>
<td>
<label title="Title">
Title
</label>
<input class="" name="Title" size="30" type="text" value="">
</td>
</tr>
<table>
</div>
CSS:
.managed-form{
background-color: #5B8F22;
width: 311px;
height: 369px;
}

Answer 1

Make you inputs width 100%. Like this:
input[type="text"]{
width:100%;
}
CodePen

Answer 2

I added border-box to all elements (which may not be something you want to apply universally on the whole page, it will affect padding spacing etc.)
But, it does seem to center the items better:
CodePen
CSS:
html {
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: inherit;
}
.managed-form{background-color: #5B8F22;
width: 311px;
height: 369px;}
input[type="text"]{
width:100%;
}
Further Reading:
Box-Sizing

Answer 3

I would do it like this
HTML:
<div class="managed-form">
<table>
<tr>
<td>
<label for="company">
Company:<br>
<input type="text">
</label>
</td>
</tr>
<tr>
<td>
<label for="title">
Title:<br>
<input tyoe="text">
</td>
</tr>
</table>
CSS:
.managed-form
{
background-color:red;
width: 311px;
height: 369px;
}
table {
margin-left:auto;
margin-right:auto;
}