Question

I am creating a splash screen for an application that is built in html5 and css3, and I cannot get the image to be exactly in the middle. I need it to be in the middle for phones and tablets. Thanks for any advice or help.

Image size is 300px by 300px

Answer 1

As you know the size of the image, you can use negative margins:

position: absolute;
left: 50%;
top: 50%;
margin-left: -150px;
margin-top: -150px;