title: Align center not working for td in table?
body: <p>Here is a simple html table with three rows. I want the button in the last row to align at the center but it is not aligning. I can see slight movement to the right but not perfectly at the center of that row. Am i doing something wrong? Thanks for help!</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="search"&gt;
      &lt;form action="questions/${id}" method="GET"&gt;
          &lt;table&gt;
              &lt;tr&gt;
                  &lt;td&gt;
                      &lt;label for="question_id"&gt; &lt;u&gt;&lt;b&gt; Question: &lt;/b&gt;&lt;/u&gt; 
                      &lt;/label&gt;
                  &lt;/td&gt;
                  &lt;td&gt;
                      &lt;input type="text" name="lastname" value="Mouse"&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;
                      &lt;label for="race_id"&gt; &lt;u&gt;&lt;b&gt; Race: &lt;/b&gt;&lt;/u&gt; 
                      &lt;/label&gt;
                  &lt;/td&gt;
                  &lt;td&gt;
                      &lt;select&gt;
                          &lt;option value="volvo"&gt;Volvo&lt;/option&gt;
                          &lt;option value="saab"&gt;Saab&lt;/option&gt;
                          &lt;option value="mercedes"&gt;Mercedes&lt;/option&gt;
                          &lt;option value="audi"&gt;Audi&lt;/option&gt;
                      &lt;/select&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;
                      &lt;input type="submit" value="Submit"&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
          &lt;/table&gt;
      &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.search table {
      border: thin solid;
      border-color: #D6D6C2;
  }
  
  .search table tr:last-child td {
      text-align: center;
  }
  </code></pre>