Forum Moderators: open
I would like to format ordered (numbered) lists with 2nd paragraphs having a blank line and no number. In other words, break up long numbered paragraphs into more than one paragraph for the same "index" number.
This doesn't seem to validate, when i use a <br /> between paragraphs. Seems <br /> are not allowed within <ol> </ol>.
Any ideas?
Should i be asking in the CSS forum?
This problem is within a CSS styled page.
[jc edit to set email notify on]
<li>text</li>
<li>text<br />
</li>
<li>text</li>
ol li {margin-top:2em;}
I believe you can also add a <br /> WITHIN the <li> element, but not between two <li> elements.
All i had to do to get paragraphs in an ordered list with a blank line in-between them and no new number, was to put that <br /> inside the <li> </li> tag pair, instead of outside them (with or without the non-breaking space, of course).
And that CSS does give good spacing control inside lists.
..semantically correct..
:)
<br> and <p></p> look similar, but their meaning/semantics are different. <br> is an arbitrary break without meaning, while <p>paragraph</p> Is a section of text marked as a paragraph.
Therefore the use of <br> is strongly discouraged, because <br> has littel semantic significance. And since HTML is a mark-up language, NOT a styling language, it's really only there to define the semantics of a document.
SN
<li>text</li>
<li>text<br />
</li>
<li>text</li>
should be this:
<li>text</li>
<li style="margin-bottom:1em">text</li>
<li>text</li>
Or alternately:
<li>text</li>
<li><p style="margin-bottom:1em">text</p></li>
<li>text</li>
Of course with the styles placed where appropriate.
SN
<ol>
<li>
<p>This is the first paragraph of list item number one.</p>
<p>This is the second paragraph under list item number one</p>
</li>
<li>
<p>This is a paragraph for list item number two.</p>
</li>
</ol>
[edited for clarity]
