html - Add text inside the DIV on top image -

html - Add text inside the DIV on top image -

i trying add together text "post" in center of div on top of image , adds next image:

html:

<div id="post"> <span class="post">post <img src="images/ask_post.png" /> </span> </div>

css:

#post { position:absolute; background-image:url('../images/ask_post.png') no-repeat; left:741px; top:157px; }

first remove image div element, text wont go on top of image, background. second, play around background properties until looks want to.

my guess need adjust background-size or background-position.

<div id="post"> <span class="post">post</span> </span>

see if background-size:cover; need. you'll have adjust height , width of div want.

html css