<div style="text-align:center;">
<select id="sponsorList"></select> <img alt="Loading..." src="../../Img/ajax-loader.gif" id="loader" />
<span style="display:none;" id="selectedSponsorId"></span>
<div id="sponsorRowDetails" style="margin-left:auto; margin-right:auto;">
<table>
<tbody>
<tr>
<td>Effective Date: </td>
<td><input type="text" id="startDate" /><br /></td>
</tr>
<tr>
<td>End Date: </td>
<td><input type="text" id="endDate" /></td>
</tr>
</tbody>
</table>
</div>
</div>
So the select box is in the center, but I can’t get everything within the sponsorRowDetails center aligned as well.
I’m terrible with simple CSS things like this. What am I doing wrong? I also tried text-align:center; with the other div, as well as just keeping the table directly in the first div.
Do this instead for the table inside your sponsorRowDetails
div<table align="center" style="margin: 0 auto;">