title: How to dynamically piece page elements together to form a square?
body: <p>I have a number of items with different values. I'd like to represent each item as a square with its size corresponding to its value, where each square is a component of a larger square. All the squares of different sizes fit together to make a larger, perfect square.</p>
  
  <p>Is it possible to do something like this with HTML/CSS? Does anyone know of any resources I that might get me started with the right techniques?</p>
  
  <p>Or would this be better suited to JavaScript or something else?</p>