heading with CSS

[JJ]

I add this heading in my web page <h1>Welcome</h1> The text is to the right
of logo and at the top part of logo. The top part of Welcome is cut off. How
can I move the text to the middle of the image

h1 {
background: #FFFFFF url('images/Logo.gif') no-repeat;
width: 35px;
height: 50px;
text-align: right;
padding-left: 60px;
color: #565a61;
font-size: 24px;
font-weight: bold;
font-family: Georgia, Georgia, serif;
margin: 0px 0px 0px 100px;
}

Thanks

JJ

 

[Stefan B Rusynko]

The "box" you have created (including padding) is too small for your text font face/size
- for testing only add to see you "box" add border: thin solid;




|I add this heading in my web page <h1>Welcome</h1> The text is to the right
| of logo and at the top part of logo. The top part of Welcome is cut off. How
| can I move the text to the middle of the image
|
| h1 {
| background: #FFFFFF url('images/Logo.gif') no-repeat;
| width: 35px;
| height: 50px;
| text-align: right;
| padding-left: 60px;
| color: #565a61;
| font-size: 24px;
| font-weight: bold;
| font-family: Georgia, Georgia, serif;
| margin: 0px 0px 0px 100px;
| }
|
| Thanks
|
| JJ