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