title: colspan for select doesnt work in form table
body: <p>im creating a form with dropdown select i set to colspan 2 and expect its width to cover the 2 input field below but it didnt work
  please someone show me what went wrong</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;html lang="en"&gt;
    &lt;head&gt;
      &lt;meta charset="UTF-8" /&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge" /&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
      &lt;title&gt;Document&lt;/title&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;section&gt;
        &lt;div class="ship"&gt;
          &lt;table&gt;
            &lt;form action=""&gt;
              &lt;tr colspan="2"&gt;
                &lt;td&gt;
                  &lt;select name="" id=""&gt;
                    &lt;option value="" disabled selected hidden&gt;
                      Select Your Country
                    &lt;/option&gt;
                    &lt;option value="Vietnam"&gt;Vietnam&lt;/option&gt;
                    &lt;option value="India"&gt;India&lt;/option&gt;
                    &lt;option value="Japan"&gt;Japan&lt;/option&gt;
                  &lt;/select&gt;
                &lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                &lt;td&gt;
                  &lt;input type="text" placeholder="State/Country" /&gt;
                &lt;/td&gt;
                &lt;td&gt;
                  &lt;input type="text" placeholder="Postcode/Zip" /&gt;
                &lt;/td&gt;
              &lt;/tr&gt;
            &lt;/form&gt;
          &lt;/table&gt;
        &lt;/div&gt;
        &lt;div class="total"&gt;&lt;/div&gt;
      &lt;/section&gt;
    &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>