433640-1-ref.html (2450B)
1 <!DOCTYPE html> 2 <html><head> 3 <style type="text/css"> 4 div.image { 5 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABAAQMAAACQp+OdAAAABlBMVEUAAAD///+l2Z/dAAAAGElEQVR42mNggIHcbbfBCMEYlRqVIiQFAPco1xfL/SakAAAAAElFTkSuQmCC"); 6 width: 32px; 7 height: 32px; 8 } 9 10 div.cell { 11 float: left; 12 width: 100px; 13 } 14 15 body > div { height:100px; } 16 17 p { font-size: 12px; height:20px; } 18 </style> 19 </head><body> 20 21 <div> 22 <div class="cell"><p>31 x 32</p><div style="width:31px; background-position:-16px -16px;" class="image"></div></div> 23 <div class="cell"><p>31.1 x 32</p><div style="width:31px; background-position:-16px -16px;" class="image"></div></div> 24 <div class="cell"><p>31.5 x 32</p><div style="width:32px; background-position:-16px -16px;" class="image"></div></div> 25 <div class="cell"><p>31.8 x 32</p><div style="width:32px; background-position:-16px -16px;" class="image"></div></div> 26 </div> 27 28 <div> 29 <div class="cell"><p>32 x 32</p><div style="width:32px; background-position:-16px -16px;" class="image"></div></div> 30 <div class="cell"><p>32.1 x 32</p><div style="width:32px; background-position:-16px -16px;" class="image"></div></div> 31 <div class="cell"><p>32.5 x 32</p><div style="width:33px; background-position:-16px -16px;" class="image"></div></div> 32 <div class="cell"><p>32.8 x 32</p><div style="width:33px; background-position:-16px -16px;" class="image"></div></div> 33 </div> 34 35 <div> 36 <div class="cell"><p>32 x 31 </p><div style="height:31px; background-position:-16px -16px;" class="image"></div></div> 37 <div class="cell"><p>32 x 31.1 </p><div style="height:31px; background-position:-16px -16px;" class="image"></div></div> 38 <div class="cell"><p>32 x 31.5 </p><div style="height:32px; background-position:-16px -16px;" class="image"></div></div> 39 <div class="cell"><p>32 x 31.8 </p><div style="height:32px; background-position:-16px -16px;" class="image"></div></div> 40 </div> 41 42 <div> 43 <div class="cell"><p>32 x 32 </p><div style="height:32px; background-position:-16px -16px;" class="image"></div></div> 44 <div class="cell"><p>32 x 32.1 </p><div style="height:32px; background-position:-16px -16px;" class="image"></div></div> 45 <div class="cell"><p>32 x 32.5 </p><div style="height:33px; background-position:-16px -16px;" class="image"></div></div> 46 <div class="cell"><p>32 x 32.8 </p><div style="height:33px; background-position:-16px -16px;" class="image"></div></div> 47 </div> 48 49 </body></html>