View previous topic :: View next topic |
Author |
Message |
ws Write and Show support
Joined: 27 May 2007 Posts: 140
|
Posted: Sat Aug 25, 2007 8:53 am Post subject: Tighter (more closely spaced) bullet lists |
|
How to make tighter (more closely spaced) bullet lists
The way the button bullet does it, the lines are naturally spaced, each with a blank line in between. Here we illustrate how to tighten it up, eliminating the blank line between bullet entries:
A detailed example with a colored background:
Quote: | <div style="background:lightgreen; width:300px">
<b>From the button:</b>
<ul><li><b>Metal:</b> Strong and shiny</li> </ul>
<ul><li><b>Plastic:</b> Very moldable</li></ul>
<ul><li><b>Concrete:</b> Durable like stone.</li></ul>
<ul><li><b>Wood:</b> Easy to work with. Rots, burns</li></ul>
<b>Tighter</b>
<ul>
<li><b>Plaster:</b> Decoratve</li>
<li><b>Paper:</b> Burns, crinkles, printable</li>
<li><b>Rubber:</b> Stretches, flexible, bounces.</li>
<li><b>Glass:</b> Clear, good for windows, breaks</li></ul>
</div> |
The code above will produce this:
Here is a simpler example:
Quote: | <b>From the button:</b>
<ul><li>replace this text</li></ul>
<ul><li>replace this text</li></ul>
<b>Tighter:</b>
<ul><li>replace this text</li>
<li>replace this text</li></ul> |
The code above will produce this:
|
|
Back to top |
|
|
|
|
|