title: use columns as rows within a table
body: <p>I have a row and within 4 columns, how could I make the last 2 columns go down and use all the available width</p>
  <p><a href="https://i.stack.imgur.com/VqEGZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/VqEGZ.png" alt="enter image description here" /></a></p>
  <pre><code>    &lt;table border=&quot;1&quot; style=&quot;width: 100%;&quot;&gt;
          &lt;thead&gt;
              &lt;th&gt;example&lt;/th&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;
              &lt;tr&gt;
                  &lt;td style=&quot;width: 8%;&quot;&gt;
                      tittle1
                  &lt;/td&gt;
                  &lt;td style=&quot;width: 100%;&quot;&gt;
                      colum1
                  &lt;/td&gt;
                  &lt;td style=&quot;width: 8%;&quot;&gt;
                      tittle2
                  &lt;/td&gt;
                  &lt;td style=&quot;width: 100%;&quot;&gt;
                      colum2
                  &lt;/td&gt;
              &lt;/tr&gt;
          &lt;/tbody&gt;
      &lt;/table&gt;
  </code></pre>