title: Padding a table row
body: <pre><code>&lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;Table Row Padding Issue&lt;/title&gt;
          &lt;style type="text/css"&gt;
              tr {
                  padding: 20px;
              }
          &lt;/style&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;table&gt;
              &lt;tbody&gt;
                  &lt;tr&gt;
                      &lt;td&gt;
                          &lt;h2&gt;Lorem Ipsum&lt;/h2&gt;
                          &lt;p&gt;Fusce sodales lorem nec magna iaculis a fermentum lacus facilisis. Curabitur sodales risus sit amet
                          neque fringilla feugiat. Ut tellus nulla, bibendum at faucibus ut, convallis eget neque. In hac habitasse 
                          platea dictumst. Nullam elit enim, gravida eu blandit ut, pellentesque nec turpis. Proin faucibus, sem sed 
                          tempor auctor, ipsum velit pellentesque lorem, ut semper lorem eros ac eros. Vivamus mi urna, tempus vitae 
                          mattis eget, pretium sit amet sapien. Curabitur viverra lacus non tortor luctus vitae euismod purus 
                          hendrerit. Praesent ut venenatis eros. Nulla a ligula erat. Mauris lobortis tempus nulla non 
                          scelerisque.&lt;/p&gt;
                      &lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/tbody&gt;
          &lt;/table&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Here's what the padding looks like. See how the td inside isn't affected. What's the solution?
  <img src="https://i.stack.imgur.com/RRMec.png" alt="Table Row Padding Issue"></p>