<ol> formatting question..

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

maya - 31 Jul 2006 17:56 GMT

I need each paragr (i.e., each <li>) to have a blank line afterwards,
like this..

1. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
sed diam nonumy eirmod tempor invidunt ut labore et
dolore magna aliquyam erat, sed diam voluptua.

2. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
sed diam nonumy eirmod tempor invidunt ut labore et
dolore magna aliquyam erat, sed diam voluptua.

3. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
sed diam nonumy eirmod tempor invidunt ut labore et
dolore magna aliquyam erat, sed diam voluptua.

I put two <br>'s right before </li> and it works fine for both IE and FF
(miraculously...;), but this is for content that will be inserted via a
CMS, so would like to do all these kinds of attr's in CSS..

thank you very much..

-m

Reply to this Message

Johannes Koch - 31 Jul 2006 18:09 GMT

> I need each paragr (i.e., each <li>) to have a blank line afterwards,
> like this..
[quoted text clipped - 10 lines]
> sed diam nonumy eirmod tempor invidunt ut labore et
> dolore magna aliquyam erat, sed diam voluptua.

li {
margin-bottom: 1em
}

Signature

Johannes Koch
Spem in alium nunquam habui praeter in te, Deus Israel.
(Thomas Tallis, 40-part motet)

Reply to this Message

Els - 31 Jul 2006 18:10 GMT

> I need each paragr (i.e., each <li>) to have a blank line afterwards,
> like this..
[quoted text clipped - 14 lines]
> (miraculously...;), but this is for content that will be inserted via a
> CMS, so would like to do all these kinds of attr's in CSS..

Just give your CSS the following rule:
ol li{margin-bottom:1em;}
Or more of course, depends on how much space you want.
Best then also add ol{margin-bottom:0;}, so that below the last one
line of an <ol> there won't be more space than you want.

Signature

Els http://locusmeus.com/
accessible web design: http://locusoptimus.com/

Reply to this Message

Chris F.A. Johnson - 31 Jul 2006 18:12 GMT

ol li {
padding-bottom: 1em;
}

Signature

Chris F.A. Johnson <http://cfaj.freeshell.org>
===================================================================
Author:
Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)

Reply to this Message

maya - 31 Jul 2006 18:35 GMT

>> I need each paragr (i.e., each <li>) to have a blank line afterwards,
>> like this..
[quoted text clipped - 19 lines]
> }
>

perfect :)

thank you all so much for prompt responses!!

Reply to this Message

Webmaster Forum / HTML, CSS, Scripts / CSS / July 2006

<ol> formatting question..