title: Table Styling with XHTML 1.0 Transitional
body: <p>I am trying to add a border and padding to the table row of XHTML 1.0 Transitional web page (see code below to repro). I know that if I change the type of page to something else, I will be able to add borders and padding to the table rows and cells. But in XHTML 1.0 Transitional, it doesn't work at all. </p>
  
  <p>Considering that I can't change the DOCTYPE, what am I suppose to do add a border and padding to the table?</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;style&gt;
              table
              {
                  border: solid 1px black;
              }
  
              tr
              {
                  /* Doesn't work */
                  margin: 10px;
                  border: solid 1px black;
              }
          &lt;/style&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;table&gt;
              &lt;tbody&gt;
                  &lt;tr&gt;
                      &lt;td&gt;1&lt;/td&gt;
                      &lt;td&gt;2&lt;/td&gt;
                      &lt;td&gt;3&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;4&lt;/td&gt;
                      &lt;td&gt;5&lt;/td&gt;
                      &lt;td&gt;6&lt;/td&gt;
                  &lt;/tr&gt;                
              &lt;/tbody&gt;
          &lt;/table&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>