background img tile for h3

[bradkenyon]

I have a background img for anything in <h3></h3>, and for the text i have within h3, I want it to be padded, so its not snug in the bottom left corner of the <h3></h3>

I have margin:0; because otherwise the background image will have a space between the border line and the start of the actual tile within the h3 tags.

i have attached two photos that demonstrate the way it fits snug in the bottom left corner, then sitting it a margin of anything will make a space between the border and start of the h3 tag tile.


.featureditems{
float:left;
width:20%;
padding:0px;
margin-right:5px;
border:1px solid #00472D;
text-align:left;
}

.upcomingevents_new{
float:left;
width:50%;
padding:0;
margin-right:5px;
border:1px solid #00472D;
text-align:left;
}

.resources h3,
.upcomingevents_new h3,
.featureditems h3{
color:#fff;
font-weight:bold;
height:23px;
background:#00472D url('/images/homepageh3tile.gif') repeat-x top left;
margin:0;
}

[marcusami]

I am not sure I understand sorry.
You want to raise it from the bottom without messing up alignment?

padding-bottom: 5px;


best of luck
Marcus

[bradkenyon]

no.

i want the text to be padded, but it also pads the background-image, which i don't want it to.

[bradkenyon]

solved it.

thanks

[ray326]

How so?