Need to center image inside ui-block grid
This shouldn't be hard but i can't seem to get an image to center align within a grid block. I have tried a number of css properties with no avail. My basic layout code:
<div class="ui-grid-b">
<div class="ui-block-a">
<a href="#">
<img src="assets/img/iNews.png" />
</a>
</div>
...
Is it possible to make an image center align horizontally within each grid block? Eventually this will be a responsive grid so I need the image to always be centered in the block but I won't always know the width of the block.