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 page.It worked well for mobile but does not work well for desktop.

Please i need the code did not work well for both mobile and desktop

My code

My code

<html>
  <head>
     <title>WELCOME TO INDUSTRIES</title>
   <style>
       .verticalhorizontal {
            display: table-cell;
            height:1400px;
            text-align: center;
            width: 1400px;
            vertical-align: middle;
        }
    </style>
  </head>
<body bgcolor="#000015"> 
<div class="verticalhorizontal">
    <img src="images/finalp.jpg" alt="centered image" />
</div>   
</body>
</html>

please help

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