I need to centre text on an image!

[Nicholas Peppas]

So I have a div for the title, easy. Underneath the title div I have an image also fine, responsive image, but the only thing is the fact that the text won’t align to the centre. This probably has the simplest fix and I’m just that stupid to know but I don’t so I need the answer. I will have the code pen so you guys can check it out and see what’s wrong!

CodePen Link: http://codepen.io/NicholasPeppas/pen/JKQdPy

Kind Regards,
Nick.

[Atelierbram]

When you declare text-align: center on the parent element, and remove position: absolute (do you need this?), then it will be centered.

.image {
  text-align: center;   
}

.image h1 {
/*text-align: center; */
font-size:25px;
color:black;
 /*  position: absolute; */  
}

[Paulie_D]

http://codepen.io/Paulie-D/pen/wWLKmZ

[Author]

Posts