title: Positioning a label and a horizontal checkboxlist next to each other
body: <p>Trying to place a label and a checkboxlist side by side.  In Visual Studio the preview(Design window form) displays the checkboxlist below the label and this is the same when I place the form on our server and run in IE.  Now if I run this from Visual Studio in IE it works.  Unfortunately I need it to work correctly on the server.  I've tried adding display:inline, inline-block, inline-table, flex to the div and float:right to the checkboxlist.
  Why the inconsistencies? How do I get these to line up side by side? </p>
  
  <pre><code>&lt;div &gt;
          &lt;asp:Label ID="Label18" runat="server" Text="Select"&gt;&lt;/asp:Label&gt;
          &lt;asp:CheckBoxList ID="CheckBoxList1" runat="server" RepeatDirection="Horizontal"&gt;
              &lt;asp:ListItem&gt;Roadway&lt;/asp:ListItem&gt;
              &lt;asp:ListItem&gt;Resurfacing&lt;/asp:ListItem&gt;
              &lt;asp:ListItem&gt;Storm Sewer&lt;/asp:ListItem&gt;
              &lt;asp:ListItem&gt;Sidewalk&lt;/asp:ListItem&gt;
              &lt;asp:ListItem&gt;Water&lt;/asp:ListItem&gt;
              &lt;asp:ListItem&gt;Sewer&lt;/asp:ListItem&gt;
              &lt;asp:ListItem&gt;Sewer Outfall&lt;/asp:ListItem&gt;
              &lt;asp:ListItem&gt;Bridges/Culverts&lt;/asp:ListItem&gt;
          &lt;/asp:CheckBoxList&gt;
      &lt;/div&gt;
  </code></pre>