title: Trying to center a FieldSet
body: <p>having a problem with a fieldSet within a div.  The first 2 are centerED right next to each other, but the third is justified left and cant seem to center it in the div.</p>
  
  <p><img src="https://i.stack.imgur.com/JDSJk.jpg" alt="enter image description here"></p>
  
  <p>JSP</p>
  
  <pre><code>&lt;tr&gt;
  &lt;th&gt;
  &lt;span onclick="toggleDiv('rollupGranularity', 'rollImg')" style="cursor: hand;"&gt;Data Structure&amp;nbsp;&lt;img name="rollImg" src="../images/minus.gif" /&gt;&lt;/span&gt;
  &lt;/th&gt;
  &lt;/tr&gt;
  
  &lt;tr&gt;
  &lt;td&gt;
  &lt;div class="det" id="rollupGranularity" style="text-align: center;"&gt;
  
  &lt;table class="det"&gt;
  &lt;tr&gt;
  &lt;td&gt;
  &lt;fieldset class="det"&gt;
      &lt;legend&gt;Rollup Level&lt;/legend&gt;
      &lt;input type="radio" class="filterBoxes" id="groupLevel1" name="groupLevel" value="1" &lt;c:if test="${form.groupLevel == '1'}"&gt;checked="checked"&lt;/c:if&gt;&gt;SOR&lt;/input&gt;
      &lt;input type="radio" class="filterBoxes" id="groupLevel2" name="groupLevel" value="2" &lt;c:if test="${form.groupLevel == '2'}"&gt;checked="checked"&lt;/c:if&gt;&gt;Commodity&lt;/input&gt;
      &lt;input type="radio" class="filterBoxes" id="groupLevel4" name="groupLevel" value="4" &lt;c:if test="${form.groupLevel == '4'}"&gt;checked="checked"&lt;/c:if&gt;&gt;TAMCN&lt;/input&gt;
      &lt;input type="radio" class="filterBoxes" id="groupLevel5" name="groupLevel" value="5" &lt;c:if test="${form.groupLevel == '5'}"&gt;checked="checked"&lt;/c:if&gt;&gt;NSN&lt;/input&gt;
      &lt;input type="radio" class="filterBoxes" id="groupLevel6" name="groupLevel" value="6" &lt;c:if test="${form.groupLevel == '6' || empty form.groupLevel}"&gt;checked="checked"&lt;/c:if&gt;&gt;MWSLIN&lt;/input&gt;
      &lt;input type="radio" class="filterBoxes" id="groupLevel7" name="groupLevel" value="7" &lt;c:if test="${form.groupLevel == '7'}"&gt;checked="checked"&lt;/c:if&gt;&gt;Planned Unit&lt;/input&gt;
      &lt;input type="radio" class="filterBoxes" id="groupLevel8" name="groupLevel" value="8" &lt;c:if test="${form.groupLevel == '8'}"&gt;checked="checked"&lt;/c:if&gt;&gt;Actual Unit&lt;/input&gt;
  
      &lt;/fieldset&gt;
    &lt;fieldset class="det"&gt;
      &lt;legend&gt;Granularity&lt;/legend&gt;
      &lt;input type="radio" class="filterBoxes" id="granularity1" name="granularity" onclick="javascript:updateOutYearsSelect();" value="1" &lt;c:if test="${form.granularity == '1'}"&gt;checked="checked"&lt;/c:if&gt;&gt;Workload Year&lt;/input&gt;
      &lt;input type="radio" class="filterBoxes" id="granularity2" name="granularity" onclick="javascript:updateOutYearsSelect();" value="2" &lt;c:if test="${form.granularity == '2'}"&gt;checked="checked"&lt;/c:if&gt;&gt;Quarter&lt;/input&gt;
      &lt;input type="radio" class="filterBoxes" id="granularity4" name="granularity" onclick="javascript:updateOutYearsSelect();" value="4" &lt;c:if test="${form.granularity == '4' || empty form.granularity}"&gt;checked="checked"&lt;/c:if&gt;&gt;Month&lt;/input&gt;
      &amp;nbsp;&amp;nbsp;Out years:&amp;nbsp;
      &lt;select id="outYears" name="outYears" class="filterSelect"&gt;
          &lt;option value="0" &lt;c:if test="${form.outYears == '0'}"&gt;selected&lt;/c:if&gt;&gt;None&lt;/option&gt;
          &lt;option value="1" &lt;c:if test="${form.outYears == '1' || empty form.outYears}"&gt;selected&lt;/c:if&gt;&gt;One&lt;/option&gt;
          &lt;option value="2" &lt;c:if test="${form.outYears == '2'}"&gt;selected&lt;/c:if&gt;&gt;Two&lt;/option&gt;
      &lt;/select&gt;
  &lt;/fieldset&gt;
  
  &lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  
  &lt;fieldset class="det" style="align:center;"&gt;
  &lt;legend&gt;Additional Breakout&lt;/legend&gt;
  &lt;table class="det" style="text-align:left;" width="98%"&gt;
  &lt;tr&gt;
      &lt;c:forEach var="field" items="${groupingFields}" varStatus="status"&gt;
          &lt;c:set var="mapKey" value="grp_${field.fieldName}"/&gt;
          &lt;c:if test="${status.index%7==0 &amp;&amp; !status.first}"&gt;&lt;/tr&gt;&lt;tr&gt;&lt;/c:if&gt;
          &lt;td style="padding-top=0; padding-bottom=0; padding-right: 2px; margin-top=0; margin-bottom=0; margin-right: 2px;"&gt;
              &lt;span class="mouseover_text" style="color: #000000;" title="${field.description}"&gt;&lt;input type="checkbox" class="filterBoxes" id="grp_${field.fieldName}" name="groupingFieldNames" value="${field.fieldName}" &lt;c:if test="${preselectionMap[mapKey]}"&gt;checked="checked"&lt;/c:if&gt;&gt;${field.displayName}&lt;/input&gt;&lt;/span&gt;
          &lt;/td&gt;
      &lt;/c:forEach&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  &lt;/fieldset&gt;
  
  &lt;/div&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>/*styling for Data Extraction tool. */
  table.data_extract
  {
  
   border: 3px DarkGray solid;
   border-collapse: collapse;
  
  }
  
  td.data_extract,
  table.data_extract &gt; tbody &gt; tr &gt; td
   {
  border-color : DarkGray;
  border-style : groove;
  border-width : thin;
  border: #000000 1px solid;
  font-size: 9pt;
  white-space: normal;
  background-color:#FFFFFF;
  padding-left: 4px;
  padding-right: 4px;
  overflow:hidden;
   } 
  
   th.data_extract,
   table.data_extract &gt; tbody &gt; tr &gt; th
   {
   border: #000000 1px solid;
   background-color:#DDDDD0;
   font-size: 10pt;
   white-space: normal;
   padding: 10px;
   }
  
  table.det
  {
  background-color: #FFFFDD;
  border-collapse: collapse;
  margin: auto;
  }
  table.det &gt; tbody &gt; tr &gt; td
  { 
  border: none; 
  background-color: #FFFFDD;
  }
  fieldset.det 
  {     
  display:block;
  float:left;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  margin-top:20px;
  margin-left:20px;
  border:2px solid #CCCCCC;
  background-color: #FFFFDD;
  
  }
  fieldset.det legend
  {
      padding:2px 5px;
      border:2px solid #CCCCCC;
      font-weight:  bold;
      background-color: #FFFFDD;
  }
  
  div.det
  {   
  display:block;
  background-color: #FFFFDD;
  text-align: center;
  width: 100%;
  margin: auto;
  }
  </code></pre>