Need to center image inside ui-block grid

advidscontact's Avatar

advidscontact

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

Generic

? 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

Recent Discussions

08 Feb, 2017 08:05 AM
08 Feb, 2017 08:02 AM
08 Feb, 2017 07:56 AM
08 Feb, 2017 07:53 AM
08 Feb, 2017 07:45 AM