How do display asp:panels on same line?
<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>
