Center image in page for both desktop and mobile view using CSS

Question

Please i want to centralize this image at the centre of the pageIt worked well for mobile but does not work well for desktopPlease i need the code did not work well for both mobile and desktopMy codeMy codelthtmlgt  ltheadgt     lttitlegtWELCOME TO INDUSTRIESlttitlegt   ltstylegt       verticalhorizontal             display tablecell            height1400px            textalign center            width 1400px            verticalalign middle            lts

arjunv · Accepted Answer

Hi lingerskindly refer below modified codeHTMLltDOCTYPE htmlgtlthtml xmlns34httpwwww3org1999xhtml34gtltlink rel34stylesheet34 media34mediatype andnotonly expressions34 href34printcss34gtltheadgt    lttitlegtWELCOME TO INDUSTRIESlttitlegt    ltstylegt                     margin 0            padding 0                img             width 15            position absolute            top 50            left 50            transform translate50 50                mediamaxwidth360px             img                                 verticalalign middle                textalign center                        ltstylegtltheadgtltbody bgcolor3400001534gt    ltdiv class34verticalhorizontal34gt        ltimg src34Image1jpg34 alt34centered image34 gt    ltdivgtltbodygtlthtmlgtScreenshotsDesktopViewMobileView

Center image in page for both desktop and mobile view using CSS

Company

Explore

Follow us

Contact Us