vertical alignment of text in <li>

[digitalentropy]

Sorry, here comes another question. I have defined the <div>, <ul>, and <li> properties in a .css file, which includes a background image for the <li> tag.

Everything looks good except that the text within the <li></li> tags is aligned center (horz) and top (vert). I really want the text to be along the bottom of the <li> tag's space. Anybody have an idea about how to do that? I played with margin and padding, but those move the background image around, too.

thanks,
Mike

[KDLA]

It would be easier to manipulate the background image, rather than the text. You can use the CSS property of "background-position" to set it wherever you want: http://www.w3schools.com/css/css_background.asp

KDLA

[kurapica]

I suggest you don't use the <li> tag to achieve the list effect.instead of it,you may use <div> tag for each list instead of <li> tag .So you can define much attribute to it.
for example:
<div id="your_sameStyle">
<div id="yourstyle">The task of maintain world's peace deliver to you</div>
<div id="yourstyle">The task of maintain world's peace deliver to you</div>
<div id="yourstyle">The task of maintain world's peace deliver to you</div>
</div>

the list <div> use the same style,you can played with margin and pad in this style achieve you demand,
I am learning div+css now too;some wrong please point out

[KDLA]

If you're creating a list of links, you should use a <ul>, not divs. Divs have no meaning semantically.

[kurapica]

I am from China.So my English level is low,any expression maybe you can't understand.please forgive me.I want to learn from you!America's IT technology appeal to me!

[kurapica]

yeah ,I agree with you. KDLA