title: Is it possible to pack elements close together to optimize space usage?
body: <p>Is it possible to get the elements in the picture below to pack closer together somehow? Preferably using css, but javascript solutions are also welcome if that's not possible.</p>
  
  <p>I'd like all the elements to be packed as closely together as possible to minimize the space they take up. The elements are currently spans with <code>display:inline-block</code>. I have tried to change to block with float:left, etc, but I always end up with inefficient rows of elements. That <em>is</em> the expected way, I'm just saying I'd like it to not be like that in this case :P</p>
  
  <p><img src="https://i.stack.imgur.com/pwiH9.png" alt="elements"></p>
  
  <p>Any brilliant minds able to help me out here?</p>