| <!DOCTYPE html> |
| <style> |
| .container { |
| position: absolute; |
| } |
| .compare { |
| position: absolute; |
| top: 8px; |
| left: 8px; |
| width: 16px; |
| height: 16px; |
| background: red; |
| } |
| .target { |
| position: absolute; |
| transform: scale(0.5); |
| top: 0; |
| left: 0; |
| width: 32px; |
| height: 32px; |
| background: green; |
| } |
| </style> |
| <div class="container" style="top: 0.1px; left: 0.1px"> |
| <div class="compare"></div> |
| <div class="target"></div> |
| </div> |
| <div class="container" style="top: 20.2px; left: 0.2px"> |
| <div class="compare"></div> |
| <div class="target"></div> |
| </div> |
| <div class="container" style="top: 40.3px; left: 0.3px"> |
| <div class="compare"></div> |
| <div class="target"></div> |
| </div> |
| <div class="container" style="top: 60.4px; left: 0.4px"> |
| <div class="compare"></div> |
| <div class="target"></div> |
| </div> |
| <div class="container" style="top: 80.5px; left: 0.5px"> |
| <div class="compare"></div> |
| <div class="target"></div> |
| </div> |
| <div class="container" style="top: 100.6px; left: 0.6px"> |
| <div class="compare"></div> |
| <div class="target"></div> |
| </div> |
| <div class="container" style="top: 120.7px; left: 0.7px"> |
| <div class="compare"></div> |
| <div class="target"></div> |
| </div> |
| <div class="container" style="top: 140.8px; left: 0.8px"> |
| <div class="compare"></div> |
| <div class="target"></div> |
| </div> |
| <div class="container" style="top: 160.9px; left: 0.9px"> |
| <div class="compare"></div> |
| <div class="target"></div> |
| </div> |
| <div class="container" style="top: 181px; left: 1px"> |
| <div class="compare"></div> |
| <div class="target"></div> |
| </div> |