Need to center image inside ui-block grid

advidscontact's Avatar


10 Jan, 2017 11:52 AM

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" />

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.
DMS Software video

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:


Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts


? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac