| <html style="-webkit-writing-mode:vertical-rl"> | |
| <head> | |
| <title>Safari test case: list items within text-align: right div</title> | |
| <style type="text/css"> | |
| #menu { | |
| text-align: right; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div id="menu"> | |
| <ul> | |
| <li><a href="/">Home</a></li> | |
| <li><a href="/archives/">Archives</a></li> | |
| </ul> | |
| </div> | |
| <p>This test case illustrates the correct positioning of list item bullets according to CSS3. The bullets should be on the far left, with the text of the list items on the far right. | |
| </p> | |
| </body> | |
| </html> |