Home/ Questions/Q 8140089
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-06T12:02:51+00:00

Possible Duplicate: How to center div horizontally and vertically I need to put image

  • 0

Possible Duplicate:
How to center div horizontally and vertically

I need to put image in center of html page, both vertical and horizontal … been trying few stuff but seems to work fine. To get horizontal alignment I used
<body style="text-align:center">

and it works fine, but what do with vertical alignment?

regards

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    If:

    X is image width,
    Y is image height,

    then:

    img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -(X/2)px;
    margin-top: -(Y/2)px;
}

    But keep in mind this solution is valid only if the only element on your site will be this image. I suppose that’s the case here.

    Using this method gives you the benefit of fluidity. It won’t matter how big (or small) someone’s screen is. The image will always stay in the middle.

    • 0