title: How can I make my nested table fill up the table cell it's in?
body: <p>Here is my code:</p>
  
  <pre><code>&lt;table border="1"&gt;&lt;td&gt;
  
  &lt;table border="1"&gt;&lt;tr&gt;
  
      &lt;td&gt;A&lt;/td&gt;
  
      &lt;td&gt;
          &lt;table border="1"&gt;&lt;tr&gt;
  
          &lt;tr&gt;
              &lt;td&gt;&lt;b&gt;B&lt;/b&gt;&lt;/td&gt;
              &lt;td&gt;&lt;b&gt;C&lt;/b&gt;&lt;/td&gt;
              &lt;td&gt;D&lt;/td&gt;
          &lt;/tr&gt;
  
          &lt;tr&gt;
              &lt;td&gt;&lt;b&gt;E&lt;/b&gt;&lt;/td&gt;
              &lt;td&gt;&lt;b&gt;F&lt;/b&gt;&lt;/td&gt;
              &lt;td&gt;G&lt;/td&gt;
          &lt;/tr&gt;
  
          &lt;tr&gt;
              &lt;td&gt;&lt;b&gt;H&lt;/b&gt;&lt;/td&gt;
              &lt;td&gt;&lt;b&gt;I&lt;/b&gt;&lt;/td&gt;
              &lt;td&gt;K&lt;/td&gt;
          &lt;/tr&gt;
  
          &lt;/tr&gt;&lt;/table&gt;
      &lt;/td&gt;
  
  &lt;/tr&gt;&lt;/table&gt;
  
  &lt;table border="1"&gt;&lt;tr&gt;
      &lt;td style="width:600px;"&gt;L&lt;/td&gt;
      &lt;td&gt;M&lt;/td&gt;
  &lt;/tr&gt;&lt;/table&gt;
  </code></pre>
  
  <p></p>
  
  <p>I am trying to make it like this: <img src="https://i.stack.imgur.com/Yf0Ep.png" alt="enter image description here"></p>
  
  <p>Can somerone please help?</p>