title: Html checkbox input size is wrong
body: <p><a href="https://i.stack.imgur.com/ebEeE.png" rel="nofollow noreferrer">Current display</a>
  Im working on a asp.net site for work and I need to have inputs both text and checkboxes. My current solution is as follows: </p>
  
  <pre><code>&lt;form method="post" style="width:100%"&gt;
      &lt;table style="padding:5px; width:100%"&gt;
          &lt;tr&gt;
              &lt;td style="white-space:nowrap; width:1%"&gt;Printer name:&lt;/td&gt;
              &lt;td&gt;&lt;input type="text" name="PrinterName" value="@Request["PrinterName"]" style="max-width:100%; width:100%" /&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td style="white-space:nowrap"&gt;Model:&lt;/td&gt;
              &lt;td&gt;&lt;input type="text" name="Model" value="@Request["Model"]" style="max-width:100%; width:100%" /&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td style="white-space:nowrap"&gt;Location:&lt;/td&gt;
              &lt;td&gt;&lt;input type="text" name="Location" value="@Request[" Location"]" style="max-width:100%; width:100%" /&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td style="white-space:nowrap"&gt;IP:&lt;/td&gt;
              &lt;td&gt;
                  &lt;table style="margin:0px; padding:0px"&gt;
                      &lt;tr&gt;
                          &lt;td style="padding:0px"&gt;&lt;input type="text" name="IP" value="@Request["IP"]" style="max-width:100%; width:100%" /&gt;&lt;/td&gt;
                          &lt;td style="white-space:nowrap;width:1%"&gt;
                              &lt;div&gt;&lt;input style="margin:0px; padding:0px" type="checkbox" /&gt;QuickIP&lt;/div&gt;
                          &lt;/td&gt;
                      &lt;/tr&gt;
                  &lt;/table&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td style="white-space:nowrap"&gt;MAC(XX-XX-XX-XX-XX-XX):&lt;/td&gt;
              &lt;td&gt;&lt;input type="text" name="MAC" value="@Request["MAC"]" style="max-width:100%; width:100%" /&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td colspan="2"&gt;&lt;input type="submit" value="Submit" class="Sumbit" style="max-width:100%; width:100%" /&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>The checkbox is not reporting the correct size(IE and Chrome) and the text is not being kept inside of the space either. </p>
  
  <p>The aim is to have the text directly beside the checkbox, and both fo those being in line as small as possible to the right of the text input. How would i achieve that without this strange bug ? </p>
  
  <p>Edit: in my testing i had switched the textbox and the button as wel las added a height in the style of the checkbox, those have been corrected now</p>
  
  <p>Edit2: Added in a picture of what shows up right now</p>