How to divide images into rows using CSS

hii i creating a ext js 4 MVC application in which i m displaying multiple images using dataview but i want to break images into rows but m displaying images using XTemplate and my css code is in index.htm file but a m unable to break images into rows. please check my code and suggest me.

xTemplate for the DataView for displaying multiple images

  

     var imageTemplate = new Ext.XTemplate('<tpl for=".">',
            '<div class="thumb-wrap" id="{name}">',
            '<img src="{url}">',
            '</div>',     
            '</tpl>');

this is my css in  index.htm file

  

    <style type="text/css">
            .thumb-wrap
            {
                float: left;
                margin: 4px;
                margin-right: 0;
                padding: 5px;
                width: 250px;
               display: inline-block;        
            }     
            .thumb-wrap img {
          float: left;
          }
        </style>