Solved

Spacing in a bulleted list

Posted on 2010-11-15
4
584 Views
Last Modified: 2012-05-10
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
Comment
Question by:solsticeint
  • 2
4 Comments
 
LVL 52

Expert Comment

by:Carl Tawn
ID: 34139898
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
 

Author Comment

by:solsticeint
ID: 34139918
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
 
LVL 52

Assisted Solution

by:Carl Tawn
Carl Tawn earned 200 total points
ID: 34140635
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
 
LVL 44

Accepted Solution

by:
scrathcyboy earned 300 total points
ID: 34141382
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

Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …

803 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question