Go Premium for a chance to win a PS4. Enter to Win

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 626
  • Last Modified:

Spacing in a bulleted list

When you are making a bulleted list, how do you control the spacing at the beginning of the bulleted list and right at the end of it?
0
solsticeint
Asked:
solsticeint
  • 2
2 Solutions
 
Carl TawnSystems and Integration DeveloperCommented:
You can apply left padding to the LI element to force space before the text. For after it, do you mean after each item, or after the list itself?
0
 
solsticeintAuthor Commented:
So if you had a paragraph and then the bullets, then another paragraph.  It would be the spaceing beween the paragraph's and the bullets.

"Paragraph of text here......"
Spacing in question
     *bullet list
Spacing in Question
"Another Paragraph"
0
 
Carl TawnSystems and Integration DeveloperCommented:
Ah, ok. In that case you could either apply top and bottom padding to the UL element, or you could apply padding to the P elements.
0
 
scrathcyboyCommented:
There are two CSS features for UL and LI --

margin-top: xx px;
margin-bottom: xx px;
padding-top: yy px;
padding-bottom: yy px;

Margins and padding are different.

Set yourself up a CSS with UL and LI specified differently --

UL { parameters here |
LI  { parameters here }

and vary them, and you will see that the spacing and margins of the UL and LI can be controlled differently.  Don't forget to try margin-left and padding-left on the LI elements too.
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now