marker-text-combine-upright-ref.html (708B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Reference: ::marker supports 'text-combine-upright'</title> 4 <style> 5 body { 6 writing-mode: vertical-lr; 7 } 8 ol, ul { 9 display: flow-root; 10 list-style-type: none; 11 } 12 ul { 13 list-style-position: inside; 14 } 15 ol span { 16 display: inline-block; 17 margin-top: -50px; 18 height: 50px; 19 text-align: end; 20 } 21 span { 22 white-space: pre; 23 text-combine-upright: all; 24 } 25 </style> 26 <ol><li><span>1. </span>outside decimal</li></ol> 27 <ol><li><span>2. </span>outside string</li></ol> 28 <ol><li><span>3. </span>outside content</li></ol> 29 30 <ul><li><span>1. </span>inside decimal</li></ul> 31 <ul><li><span>2. </span>inside string</li></ul> 32 <ul><li><span>3. </span>inside content</li></ul>