How do i fix this?

I'm setting up some HTML site and i added this image to gallery (already on).but when i add it it's getting out of range.How do u fix this.

Code:

<h4>Commodities</h4>            <div class="img">
                <a target="_blank" href="#"><img src="http://www.blackhatworld.com/blackhat-seo/images/Commodities/Rice.jpg" alt="Rice" width="110" height="90"></a>
                <div class="desc">Rice</div>
            </div><div class="img">
                <a target="_blank" href="#"><img src="http://www.blackhatworld.com/blackhat-seo/images/Commodities/sagoseeds.jpg" alt="sagoseeds" width="110" height="90"></a>
                <div class="desc">Sago Seeds</div>
            </div><div class="img">
                <a target="_blank" href="#"><img src="http://www.blackhatworld.com/blackhat-seo/images/Commodities/onions.jpg" alt="onions" width="110" height="90"></a>
                <div class="desc">Onion</div>
            </div><div class="img">
                <a target="_blank" href="#"><img src="http://www.blackhatworld.com/blackhat-seo/images/Commodities/Potato.jpg" alt="Potato" width="110" height="90"></a>
                <div class="desc">Potatoes</div>
            </div><div class="img">
                <a target="_blank" href="#"><img src="http://www.blackhatworld.com/blackhat-seo/images/Commodities/Garlic.jpg" alt="Garlic" width="110" height="90"></a>
                <div class="desc">Garlic</div>
                        </div><div class="img">
                <a target="_blank" href="#"><img src="http://www.blackhatworld.com/blackhat-seo/images/Commodities/sugar.jpg" alt="Sugar" width="110" height="90"></a>
                <div class="desc">Sugar</div>
                        </div><div class="img">
                <a target="_blank" href="#"><img src="http://www.blackhatworld.com/blackhat-seo/images/Commodities/greenpeas.jpg" alt="Green peas" width="110" height="90"></a>
                <div class="desc">Green peas</div>






            </div><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
        <h4 style=" background:#bbbbbb;"><br />Spices<br /></h4>
        <div class="img">
                <a target="_blank" href="#"><img src="http://www.blackhatworld.com/blackhat-seo/images/Spices/CorianderSeeds.jpg" alt="CorianderSeeds" width="110" height="90"></a>
                <div class="desc">Coriander Seeds</div>
            </div>

* If this is not right place to post please delete or move
I'm sorry

 

Try

Code:

 <br style="clear: both;" /> 

after the green peas div.

 

Those <br /> tags hurt my eyes.

But yes, a "clear: both" attribute should do the trick for you.

 

Like this?
But still same nothing change

 

Download NVU html editor. You can drag and drop that thing at the right place using the software!

 

Done.but i want to edit files on sever