OLD | NEW |
1 <!doctype html> | 1 <!doctype html> |
2 <head> | 2 <head> |
3 <style> | 3 <style> |
| 4 body { |
| 5 font-family: Arial; |
| 6 } |
4 span { | 7 span { |
5 display: inline; | 8 display: inline; |
6 } | 9 } |
7 .block { | 10 .block { |
8 font-family: Arial; | |
9 display: inline-block; | 11 display: inline-block; |
10 padding: 5px; | 12 padding: 5px; |
11 margin: 5px; | 13 margin: 5px; |
12 border: 1px solid red; | 14 border: 1px solid red; |
13 } | 15 } |
14 </style> | 16 </style> |
15 </head> | 17 </head> |
16 <body> | 18 <body> |
17 <div class="block">A</div> | 19 <div class="block">A</div> |
18 <span> | 20 <span> |
19 <div class="block">A</div> | 21 <div class="block">A</div> |
20 <span> | 22 <span> |
21 <div class="block">A</div> | 23 <div class="block">A</div> |
22 <span> | 24 <span> |
23 <div></div> | 25 <div></div> |
24 <div></div> | 26 <div></div> |
25 <div></div> | 27 <div></div> |
26 <div></div> | 28 <div></div> |
27 <div></div> | 29 <div></div> |
28 <div></div> | 30 <div></div> |
29 <div></div> | 31 <div></div> |
30 </span> | 32 </span> |
31 <div class="block">B</div> | 33 <div class="block">B</div> |
32 </span> | 34 </span> |
33 <div class="block">B</div> | 35 <div class="block">B</div> |
34 </span> | 36 </span> |
35 <div class="block">B</div> | 37 <div class="block">B</div> |
36 </body> | 38 </body> |
OLD | NEW |