List css help

  • Thread starter Thread starter Paul C
  • Start date Start date
P

Paul C

Hi
This will be simple and I really should know this by now, but how do you
change the spacing between list items, both the indent to the left and
the space veritically between each item using CSS
Thanks
Paul M
 
Thanks Murray
How do you get two lists on one page to behave in different ways?
Paul M
 
I also want to move the whole li to the left so that there is no indentation
is this the correct way to do it I added a negative amount to the margin
left?
Thanks
Paul M

li {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #DD3236;
font-weight: bold;

padding:0px;
margin-left:-20px;
}
 
Just set margin and padding to 0 on the ul
ul{
margin:0;
padding:0;
}
This will bring the whole list flush to the left. Margin on the li controls
the space between individual list items.

Jon
 
Thanks Jon
When I do this it moves to the left as you say but the bullet points
disappear
any suggestions
Thanks
Paul M
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

css help 1
Bullet position 3
Windows 10 One of my previous builds is experiencing random, multiple BSODs 9
Problems using CSS in IE6 1
Li background 2
CSS web page design 3
CSS Table Question 6
css help 2

Back
Top