title: GraphViz HTML nested tables
body: <p>I am using GraphViz to make a tabular structure. I was using the <code>record</code> style, but the boxes weren't lining up. Given the answer to <a href="https://stackoverflow.com/questions/2067669/how-to-get-graphviz-records-to-have-cells-that-line-up">this</a> question, I thought I'd use the HTML style instead. However, I can't seem to properly nest tables. Here's my dot code:</p>
  
  <pre><code>digraph test {
      graph [ratio=fill];
      node [label="\N", fontsize=15, shape=plaintext];
      graph [bb="0,0,352,154"];
      arset [label=&lt;
          &lt;TABLE ALIGN="LEFT"&gt;
              &lt;TR&gt;
                  &lt;TD&gt;Top left&lt;/TD&gt;
                  &lt;TD&gt;
                      &lt;TABLE&gt;
                          &lt;TR&gt;&lt;TD&gt;Row 1&lt;/TD&gt;&lt;/TR&gt;
                          &lt;TR&gt;&lt;TD&gt;Row 2&lt;/TD&gt;&lt;/TR&gt;
                      &lt;/TABLE&gt;
                  &lt;/TD&gt;
              &lt;/TR&gt;
              &lt;TR&gt;
                  &lt;TD&gt;Bottom Left&lt;/TD&gt;
                  &lt;TD&gt;
                      &lt;TABLE&gt;
                          &lt;TR&gt;&lt;TD&gt;Row 1&lt;/TD&gt;&lt;/TR&gt;
                          &lt;TR&gt;&lt;TD&gt;Row 2&lt;/TD&gt;&lt;/TR&gt;
                      &lt;/TABLE&gt;
                  &lt;/TD&gt;
              &lt;/TR&gt;
          &lt;/TABLE&gt;
      &gt;, ];
  }
  </code></pre>
  
  <p>And here's the output:</p>
  
  <p><img src="https://i.stack.imgur.com/gQ9Cy.png" alt="enter image description here"></p>
  
  <p>So many extra lines! Can anyone help me figure out how to properly make a nested table? On the flip side, an answer to the linked question detailing how to get cells to align using the record display would suffice.</p>