Previous Message
Next Message

list-item markers vertical-align: top ???

Sent by Alan Gresley on 9 December 2007 11:11


Michael D Schleif wrote:

> I am having problems with list-item markers in unordered lists that span
> more than one (1) line being _centered_ vertically.

   111111111111111111111111111111
<> 222222222222222222222222222222
   333333333333333333333333333333

> I want the marker centered on the first line of list-item text.

<> 111111111111111111111111111111
   222222222222222222222222222222
   333333333333333333333333333333

> What do you think?


Not knowing the precise construction and what rules are already applied for each element I dare say
that the first example could be how it looks in IE when the <li> has hasLayout [1] since it has a
width?? though I not sure since that usually results in the list item being adjacent to the last
line. 

   111111111111111111111111111111
   222222222222222222222222222222
<> 333333333333333333333333333333

One solution is wrapping the <ul> with a <div> and applying the width to this element instead or by
giving the <ul> a width and giving a margin-left to each <li>. This is seen in example 3 on this
test page [2] by Bruno Fassino. Other solutions are also on this test page.


[1] <http://www.satzansatz.de/cssd/onhavinglayout.html>
[2] <http://www.brunildo.org/test/ul1px.html>

Alan
<http://css-class.com/>

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Possibly related: