Widget photo not centered.

Hello!   

With help from Seth on here I made a widget for my forum yesterday. 
Its the one that says "Explore Aquatic Plants" in the left column, here: 
http://cvas.forumotion.com/portal 

It works perfectly but the image does not fill the box - that is there is more blue border on one side than the other.  How can I fix this so that the image has an equal border all around? 

This is the code of the widget:
 <a href="http://cvas.forumotion.com/f2-plants" title="Go to Plants Library" target="_blank"><img src="https://2img.net/h/i76.photobucket.com/albums/j12/dclaro/Plants%20Gallery/tiny10G10368FRMMP_zps66d464ca.jpg" alt="Plants"/></a> 

Thanks!

If you want to set picture in center try this:

<div style="margin:auto;text-align:center;width:100%">TEXT</div>

example:

Code:

<div style="margin:auto;text-align:center;width:100%"><a href="http://cvas.forumotion.com/f2-plants" title="Go to Plants Library" target="_blank"><img src="http://i76.photobucket.com/albums/j12/dclaro/Plants%20Gallery/tiny10G10368FRMMP_zps66d464ca.jpg" alt="Plants"/></a></div>

Thanks, Kralj!

That is just what I need!
This is solved.

You welcome

Topic Solved & Locked