tags:

views:

166

answers:

1
+2  A: 

I'm just guessing what your questions are based on what I see in that image...

It looks like you have 2 ordered lists inside a fieldset.

It looks like your first problem is that your ordered lists have no left margin style, so the numbers for the list "pop out" of the fieldset. To fix that, just add some margin to your ordered lists:

ol {
    margin-left: 20px; /* experiment with the 
                          left width until you're 
                          happy with the spacing */
}

Your second issue looks like you have no margin on the top or bottom of your lists, so they stack up right on top of each other. This should be easily fixed with the following style rules (which includes the margin rule defined above):

ol {
    margin: 20px 0px 20px 20px;
    /* again, experiment with the margin size until you're happy with it */
}

That's the best I can do without seeing the markup or styles you have.

Dan Herbert
That sorted out the problem and it's back in the fieldset, but, those large gaps between the lists are still there :(
Shamil
With this: margin: 2px 0px 2px 20px;
Shamil
The first and third set of units in your margin rule are for the top and bottom margin. Make the size larger than 2 pixels and it should fix that.
Dan Herbert
I fixed it in the li property, thanks :)
Shamil