¿Cómo se muestran los paneles asp: en la misma línea?

Question

El marcado a continuación muestra los paneles uno debajo del otro. Lo que me gustaría hacer es mostrarlos uno al lado del otro. Aquí está el marcado:

<div> 
    <asp:Panel ID="pnlA" runat="server"> 
     <img src="../images/A.png" /> 
     <asp:Literal ID="litA" runat="server" Text="A"></asp:Literal> 
    </asp:Panel> 
    <asp:Panel ID="pnlB" runat="server"> 
     <img src="../images/B.png" /> 
     <asp:Literal ID="litB" runat="server" Text="B"></asp:Literal> 
    </asp:Panel> 
</div> 

Lo anterior Actualmente lo visualiza así:

imagen A

Imagen B

Cuando en realidad, me gustaría que como Imagen A Imagen B

El HTML procesado es prácticamente el mismo que el anterior, pero los paneles se representan como divs, por lo que la estructura sin todo lo que contiene es:

<div> 
    <div></div> 
    <div></div> 
<div> 

Answer 1

Un panel presente en HTML como un div. La forma más sencilla es usar CSS para anular el comportamiento predeterminado de los divs.

<asp:Panel ID="pnlA" runat="server" style="display:inline;"> 
    <img src="App_Themes/TicketDeskTheme/file.gif" /> 
    <asp:Literal ID="litA" runat="server" Text="A"></asp:Literal> 
</asp:Panel> 
<asp:Panel ID="pnlB" runat="server" style="display:inline;"> 
    <img src="App_Themes/TicketDeskTheme/file.gif" /> 
    <asp:Literal ID="litB" runat="server" Text="B"></asp:Literal> 
</asp:Panel> 

Este ejemplo utiliza el atributo de estilo, que se transfiere directamente al HTML. Puede usar CssClass si prefiere hacerlo en una hoja de estilo reutilizable, por supuesto.

Answer 2

asp: Panel emitirá como un DIV, echa un vistazo a this answer y ver si funciona