Wherein, I beat the dreaded automatic line spacing between text and a ul list.

The problem:

Some introductory text, and a leading sentence:

• snarky point #1
• snarky point #2
• snarky point #3

————————————————————————–
The fix:

<p style="margin:0px;">Some introductory text, and then a leading sentence:</p>
<ul style="display:block;margin:-4px;"><li>snarky point #1</li>
                         <li>snarky point #2</li>
                         <li>snarky point #3</li> </ul>

—————————————————————————————————-
Translates to….

Some introductory text, and then a leading sentence:

• snarky point #1
• snarky point #2
• snarky point #3

Technorati Tags: Web design, HTML, CSS

This entry was posted on Sunday, March 19th, 2006 at 4:38 pm and is filed under General. You can follow any responses to this entry through the RSS 2.0 feed. Responses are currently closed, but you can trackback from your own site.