title: How do display asp:panels on same line?
body: <p>The markup below displays the panels one below the other.  What I would like to do is display them right next to each other.  Here is the markup:</p>
  
  <pre><code>&lt;div&gt;
      &lt;asp:Panel ID="pnlA" runat="server"&gt;
          &lt;img src="../images/A.png" /&gt; 
          &lt;asp:Literal ID="litA" runat="server" Text="A"&gt;&lt;/asp:Literal&gt;
      &lt;/asp:Panel&gt;
      &lt;asp:Panel ID="pnlB" runat="server"&gt;
          &lt;img src="../images/B.png" /&gt; 
          &lt;asp:Literal ID="litB" runat="server" Text="B"&gt;&lt;/asp:Literal&gt;
      &lt;/asp:Panel&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The above currently displays it like so:</p>
  
  <p>Image A</p>
  
  <p>Image B</p>
  
  <p>When in fact, I would like it like Image A Image B</p>
  
  <p>The HTML rendered is pretty much the same as above, but the Panels are rendered as divs, so the structure without everything inside is:</p>
  
  <pre><code>&lt;div&gt;
      &lt;div&gt;&lt;/div&gt;
      &lt;div&gt;&lt;/div&gt;
  &lt;div&gt;
  </code></pre>