Solved

Spacing in a bulleted list

Posted on 2010-11-15
4
572 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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
text on slider doesn't resize nicely 5 37
Error in page 3 44
Syntax Error 2 42
JavaScript: Issue with onClick 5 34
Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
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 …
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…

932 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

Need Help in Real-Time?

Connect with top rated Experts

12 Experts available now in Live!

Get 1:1 Help Now