| OLD | NEW | 
|---|
| (Empty) |  | 
|  | 1 <!DOCTYPE html> | 
|  | 2 <style> | 
|  | 3 .contain { | 
|  | 4     float: right; | 
|  | 5     contain: style; | 
|  | 6     clear: both; | 
|  | 7 } | 
|  | 8 .reset { counter-reset: c;} | 
|  | 9 .increment:before { content: counters(c, ""); } | 
|  | 10 .increment { counter-increment: c; } | 
|  | 11 </style> | 
|  | 12 <body> | 
|  | 13 <div class="increment"></div> | 
|  | 14 <div class="contain"> | 
|  | 15     <div class="increment"></div> | 
|  | 16     <div class="reset"></div> | 
|  | 17     <div class="increment"></div> | 
|  | 18 </div> | 
|  | 19 <div class="increment"></div> | 
|  | 20 <div class="contain"> | 
|  | 21     <div class="increment"></div> | 
|  | 22     <div class="increment"></div> | 
|  | 23 </div> | 
|  | 24 <div class="increment"></div> | 
| OLD | NEW | 
|---|