How do I set the spacing between bullet lists?
I want to put a little more space between the first and second rows like
<ul>
<li>asdfasdf</li>
<p />
<li>asdf23223</li>
</ul>
Normally, you'd use periods and commas to separate the sentences or semi-independent sentence parts and keep your text easy to follow. But your bullet points are already separated from each other – by a new line and spacing in between. So punctuation for the sake of separation makes no sense.
Right-click, and then click Adjust List Indents. Change the distance of the bullet indent from the margin by clicking the arrows in the Bullet position box, or change the distance between the bullet and the text by clicking the arrows in the Text indent box.
To create space between list bullets and text in HTML, use CSS padding property. Left padding padding-left is to be added to <ul> tag list item i.e. <li> tag. Through this, padding gets added, which will create space between list bullets and text in HTML.
Add top
and bottom
padding to the li
s, like so:
ul li { padding: 5px 0px; }
And take out that crazy looking <p />
tag.
Demo: http://jsfiddle.net/aFED2/
You might be able to do something like this:
<ul style="line-height:1.4;">
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With