Fri, 16 Jan 2015 18:13:44 +0100
Integrate suggestion from review to improve consistency with existing code.
michael@0 | 1 | <!DOCTYPE html> |
michael@0 | 2 | <style> |
michael@0 | 3 | p, span { margin: 0; padding: 0; line-height: 150%; } |
michael@0 | 4 | #wrapper { width: 10em; } |
michael@0 | 5 | span { |
michael@0 | 6 | display: inline-block; |
michael@0 | 7 | width: 3em; |
michael@0 | 8 | text-align: end; |
michael@0 | 9 | box-sizing: border-box; |
michael@0 | 10 | } |
michael@0 | 11 | .def span { -moz-padding-end: 0.5em; } |
michael@0 | 12 | .fix span { -moz-padding-end: 1em; } |
michael@0 | 13 | </style> |
michael@0 | 14 | <div id="wrapper"> |
michael@0 | 15 | <p class="def"> |
michael@0 | 16 | <span>1.</span>foo<br> |
michael@0 | 17 | <span>2.</span>bar |
michael@0 | 18 | </p> |
michael@0 | 19 | <p class="def"> |
michael@0 | 20 | <span>א.</span>foo<br> |
michael@0 | 21 | <span>ב.</span>bar |
michael@0 | 22 | </p> |
michael@0 | 23 | <p> |
michael@0 | 24 | <span>一、</span>foo<br> |
michael@0 | 25 | <span>二、</span>bar |
michael@0 | 26 | </p> |
michael@0 | 27 | <p class="def"> |
michael@0 | 28 | <span>일,</span>foo<br> |
michael@0 | 29 | <span>이,</span>bar |
michael@0 | 30 | </p> |
michael@0 | 31 | <p class="fix"> |
michael@0 | 32 | <span>1.</span>foo<br> |
michael@0 | 33 | <span>2.</span>bar |
michael@0 | 34 | </p> |
michael@0 | 35 | <p class="fix"> |
michael@0 | 36 | <span>א.</span>foo<br> |
michael@0 | 37 | <span>ב.</span>bar |
michael@0 | 38 | </p> |
michael@0 | 39 | <p class="fix"> |
michael@0 | 40 | <span>一、</span>foo<br> |
michael@0 | 41 | <span>二、</span>bar |
michael@0 | 42 | </p> |
michael@0 | 43 | <p class="fix"> |
michael@0 | 44 | <span>일,</span>foo<br> |
michael@0 | 45 | <span>이,</span>bar |
michael@0 | 46 | </p> |
michael@0 | 47 | <p class="def" dir="rtl"> |
michael@0 | 48 | <span>1.</span>foo<br> |
michael@0 | 49 | <span>2.</span>bar |
michael@0 | 50 | </p> |
michael@0 | 51 | <p class="def" dir="rtl"> |
michael@0 | 52 | <span>א.</span>foo<br> |
michael@0 | 53 | <span>ב.</span>bar |
michael@0 | 54 | </p> |
michael@0 | 55 | <p class="fix" dir="rtl"> |
michael@0 | 56 | <span>1.</span>foo<br> |
michael@0 | 57 | <span>2.</span>bar |
michael@0 | 58 | </p> |
michael@0 | 59 | <p class="fix" dir="rtl"> |
michael@0 | 60 | <span>א.</span>foo<br> |
michael@0 | 61 | <span>ב.</span>bar |
michael@0 | 62 | </p> |
michael@0 | 63 | </div> |