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

  1. 1 Posted by Jenny Den on 18 Nov, 2020 04:58 PM

    Jenny Den's Avatar

    I hope you got the right answer to your query here on this forum. Additionally, if you want to know about the best mortgage default plans in Virginia then do read this post.

  2. 2 Posted by Mia Martin on 22 Jun, 2021 08:22 PM

    Mia Martin's Avatar

    Please let me know as well if anyone knows how this is done. Moreover, if you guys want to read about the b2b seo company then you must give this a read.

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