| <!DOCTYPE html> | |
| <meta charset="utf-8"> | |
| <title>CSS Lists: test the change of list-style-position</title> | |
| <style> | |
| div { | |
| display: list-item; | |
| margin-left: 40px; | |
| border: 5px solid; | |
| } | |
| div > div { list-style-type: decimal } | |
| div > div > div { list-style-type: lower-roman } | |
| .inside { list-style-position: inside } | |
| </style> | |
| <div><div><div class="inside">text</div></div></div> |