CODEWITHSUNDEEP
htmlcssspacing
bear
bear

Reputation: 11605

HTML/Text Spacing Problem

HTML Spacing Problems http://img19.imageshack.us/img19/705/ohdear.png

As you can see from the image above, I'm having a few problems.

The Image, if the above won't load

I'm using CSS to keep everything in place... do you know what could be causing this?

Upvotes: 0

Views: 820

Answers (1)

Dan Herbert
Dan Herbert

Reputation: 103397

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.

Upvotes: 2

Related Questions