I need to make a menu in which only 3 menu items can only show in one row. If it exceeds 3, 4th one should come to a new row with a new li. Any idea how to achieve it?
My HTML code is below:
< li >
<div>Product1</div> <div>Product2</div> <div>Product3</div>
< /li >
< li >
<div>Product4</div><div>Product5</div><div>Product6</div>
< /li >