| |
| <HTML> |
| <HEAD> |
| <TITLE>Examples of margins, padding, and borders</TITLE> |
| <style type='text/css'> |
| UL { |
| background: yellow; |
| margin: 12px 12px 12px 12px; |
| padding: 3px 3px 3px 3px; |
| } |
| LI { |
| color: white; |
| background: blue; |
| margin: 12px 12px 12px 12px; |
| padding: 12px 0px 12px 12px; |
| list-style: none; |
| } |
| LI.withborder { |
| border-style: dashed; |
| border-width: thin; |
| border-color: lime; |
| } |
| </style> |
| </HEAD> |
| <BODY> |
| <UL> |
| <li>First element of list</li> |
| <li class='withborder'>Second element of list is a bit longer to illustrate wrapping.</li> |
| </UL> |
| <P>todo this doesn't work properly in Word - the list-style: none is not working. also margins dont work properly.</P> |
| </BODY> |
| </HTML> |
