title: Rendering thousands of thumbnails table vs div vs span
body: <p>My current code using tables to render thumbnails. When the page is resized, I use javascript to recalculate the number of rows and reinsert the cells into the correct columns.</p>
  
  <p>This works fine for 100 thumbnails but is kind of slow when displaying 3000 thumbnails.</p>
  
  <p>So I've looked at how bing displays its thumbnails and it appears to use span tags with display:inline-block. I've tested laying out thumbnails using span tags this has the benefit of automatically wrapping the thumbnails for me when I resize the page. I've also tested using DIV tags with float:left and it appears to be much slower than span on some browsers but not others.</p>
  
  <p>However I'm wondering which method is typically fastest on all browsers for the kind of thumbnail layout i want.</p>
  
  <p>a) Table
  b) DIV tags with float:left
  c) Span tags with display:inline-block</p>
  
  <p>and in general do DIV tags render slower than span tags?</p>