html - Wrapping items vertically inside DataList when re-sizing browser -


i have 3 column datalist , i'm trying wrap 3 items appear horizontally vertically. believe problem prevents happening 3 column datalist should change 1 column datalist.

at moment i'm trying wrap 'boxer' divs verically no success.

any ideas how achieve this?

<div class="dottedx">      <div class="wrapping">         <asp:datalist id="datalist2" runat="server" datakeyfield="productid" datasourceid="sqldatasource2" bordercolor="black"             cellpadding="5" cellspacing="5" repeatdirection="horizontal" repeatcolumns="3" borderwidth="0px" >             <itemtemplate>                 <div id="boxer" class="column">                     <asp:image id="image1" runat="server"  imageurl='<%# "~/images/topimages/" & eval("image") %>' cssclass="topimage" />                     <br /><br />                     productid:                       <asp:label id="productidlabel" runat="server" text='<%# eval("productid") %>' />                     <br />                     name:                       <asp:label id="namelabel" runat="server" text='<%# eval("name") %>' />                     <br />                 </div>             </itemtemplate>           </asp:datalist>      </div>     </div> 

have tried using float: left?

perhaps can post visual example?


Comments

Popular posts from this blog

Payment information shows nothing in one page checkout page magento -

tcpdump - How to check if server received packet (acknowledged) -