javascript - How to display row of images in a repeater control vertically instead of horizontally -

i'm trying make image slider repeater control in asp.net. have div repeater control in images, can't figure out how make display vertically instead of horizontally. can point me correct css style? i've tried using vertical-align property on div. here link javascript file carosuellite

<script type="text/javascript" src="scripts/jquery-1.11.3.js"></script> <script type="text/javascript" src="scripts/jquery.jcarousellite.js">  </script> <div class="container">      <div id="navicontainer">          <ul>              <asp:repeater id="rptslider" runat="server">                  <itemtemplate>                      <li><a href="#">                          <asp:image id="imgslide1" runat="server"                               imageurl='<%#container.dataitem %>' height="128"                             width="128"/>                      </li>                  </itemtemplate>              </asp:repeater>          </ul>      </div>  </div> 

here css code

#navicontainer{ vertical-align: text-top; } 

here javascript

<script type="text/javascript">     $(function () {         $("#navcontainer").jcarousellite({             hoverpause: true,             visible: 3,             auto: 500,             speed: 2500             vertical:true;          });       }); </script> 

update: reading through jcarousellite documentation , mention if use vertical: true property vertically align slider. yet when tried it. still nothing happen. have placed in wrapper, maybe it's limiting size able display content place holder.

you can use asp:datalist control instead of repeater align vertically or horizontally, choice. provides repeatdirection attribute same.

https://msdn.microsoft.com/en-us/library/9cx2f3ks(v=vs.85).aspx