I want to style an <ol> so it looks similar to the main links on this
page, http://artefactual.com/

- horizontal
- right justified
- fixed width

Here's my first attempt, http://www.sfu.ca/~jdbates/tmp/css/200911170/

It *is* horizontal and right justified, but it's not fixed width

I guess this is because the width property doesn't apply to inline
elements, as per CSS specification,
http://www.w3.org/TR/CSS2/visudet.html#the-width-property

So I tried adding display: block; float: right;
http://www.sfu.ca/~jdbates/tmp/css/200911171/

Now it's horizontal, right justified, and fixed width - but the links
are out of order : (

Can anyone suggest how to style this <ol> so it's horizontal, right
justified, fixed width, and in the correct order? (Without reordering
the <ol>)
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
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/

Reply via email to