Christy Collins wrote:
> On Aug 11, 2006, at 3:20 PM, Rachel Wright wrote:
>
>
>> I have an unordered list with graphical bullets and I need to
>> center the
>> text vertically to the graphical bullets. How do I do this?
>>
>
> Something like:
> li{
> background: #fff url(image.gif) no-repeat 45% left;
> }
>
> tweaked to actually center the bullet
>
> see:
> http://css.maxdesign.com.au/listamatic/vertical05.htm
>
This works if the text is only one line long. If it wraps onto two or
more lines, the background image is going to be centered in regards to
the entire height of the list item, which is probably not what you want.
I recommend using a small em value, like .3em, to nudge your background
image down and keep it roughly centered with the first line of text no
matter how many more come after it.
Zoe
--
Zoe M. Gillenwater
Design Services Manager
UNC Highway Safety Research Center
http://www.hsrc.unc.edu
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
