text ul linespacing workaround

Posted by joy


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

[tags] Web design, HTML, CSS [/tags]


Comments are closed.