I want to have a small inage next to my h1 text and want to use css for the same. I did not want to use a code like <a href=“http://”><img src = “image.jpg”></a><h1>heading</h1>
I used the following code in my css file.
h1#newrepl {
padding-top: 40px; /* height of the replacement image */
height: 40px;
width: 550px;
font-family: Brush Script MT;
font-size: 36px;
text-align: center;
overflow: hidden;
background: transparent url("h1Image.jpg") no-repeat;
}
and am writing this code in my files.
<h1 id="newrepl">h1 text goes here</h1>
My text is appearing below the image and not next to the image. Where am I going wrong.