| <!DOCTYPE html> | |
| <style type="text/css"> | |
| body { | |
| -webkit-hyphens: auto; | |
| } | |
| ol li {display:block;} | |
| ol > li {counter-increment: item; position: relative;} | |
| ol > li:before { | |
| content:counters(item, ".") "."; | |
| position: absolute; margin-right: 100%; right: 10px; font-weight: normal; | |
| } | |
| </style> | |
| <body><ol><li>Hyphenation</li><ol><li>shouldn't affect bullet position</li></ol></ol></body> | |