<style>
#category{ font-size:12px;}
#category label{ font-weight:bold; height:30px; line-height:30px;}
#category ul{ list-style-type:none;}
#category > ul,#category li ul{ margin:0; padding:0px;  width:auto; overflow:hidden;}
#category > ul > li{ float:left; width:21%; border:solid 1px #ccc; padding:1%; margin:1%;}
li li{ float:left; margin:5px 3px; padding:0 5px;border-left:solid 1px #ccc;}
li li:first-child{ border-left:none;}
</style>
<div id="category">
    <ul>
        <li>
             <label>品牌女装</label>
             <img src="my image path" />
            <ul>
                <li>连衣裙</li>
                <li>T桖</li>
                <li>衬衫</li>
                <li>婚纱</li>
                <li>连衣裙</li>
                <li>T桖</li>
                <li>衬衫</li>
                <li>婚纱</li>
                <li>连衣裙</li>
                <li>T桖</li>
                <li>衬衫</li>
                <li>婚纱</li>

            </ul>
        </li>
        <li>
             <label>时尚男装</label>
             <img src="my image path" />
            <ul>
                <li>连衣裙</li>
                <li>T桖</li>
                <li>衬衫</li>
                <li>婚纱</li>
                <li>连衣裙</li>
                <li>T桖</li>
                <li>衬衫</li>
                <li>婚纱</li>
                <li>连衣裙</li>
                <li>T桖</li>
                <li>衬衫</li>
                <li>婚纱</li>
            </ul>
        </li>
    </ul>
</div>