| how to create vertical spacing between lists using | | | | 1list item 2item 2 sub-list 1item 2 sub-list 2 |
| the HTML tag and CSS. I've kept in mind to keep the | | | | List item 3 |
| code in compliance to XHTML Strict validation with | | | | The above UL and LI tags format as expected. The |
| W3C standards. I validate to the Strict standards | | | | only bug I encounterd was with Internet Explorer 7.x |
| strictly to Search Engine Optimize the page. Here is a | | | | and greater is the second UL tag didn't properly have |
| sample of an unordered list code in plain HTML:list | | | | the vertical spacing. So to resolve this bug in IE |
| item 1 list item 2item 2 sub-list 1 item 2 sub-list 2 | | | | simply add margin-top to the second UL tag as so:list |
| List item 3 | | | | item 1list item 2item 2 sub-list 1item 2 sub-list 2 |
| The above HTML code is rendered in Mozilla browser | | | | List item 3 |
| (i.e. Firefox 3.x and greater), IE 7.x and greater and | | | | Oddly enough, there was no extra spacing with |
| Safari 3.2 and greater on my Vista Home Premium as | | | | Firefox 3.x and greater and Safari 3.2 and greater |
| follows;however, please note the html tags that are | | | | with this last bit of code. In other words, |
| surrounding the inner tags. This is required for W3C | | | | margin-top:10px didn't have any effect with Firefox |
| strict validation;otherwise, you'll receive errors.list item | | | | and Safari. |