title: Vertical Alignment with spans
body: <p>Maybe this has already been answered and I am searching incorrectly, but here is my problem. I have an MVC project where the view needs to look like a table. So, I am using a div with spans inside of it. My problem is that I need the data inside to be vertically centered. When I set my display to inline-block I cannot vertically align because some of the data may wrap and become two lines. So, this throws out using line-height. Then I tried to make my span display values to be table-cell. This works and I can use vertical-align:middle, however then I am unable to set a fixed width. And, I need this to look like a table, so the fixed width is required or else it looks horrible.</p>
  
  <p>Here are my attempts thus far, and I know the css needs cleaned up, but I would rather fix this first atm.</p>
  
  <p><a href="http://jsfiddle.net/Scorpionb/ukMfX/" rel="nofollow">http://jsfiddle.net/Scorpionb/ukMfX/</a> (The scrollbars cause the entire row to misalign)</p>
  
  <p><a href="http://jsfiddle.net/Scorpionb/QzFc3/(white-space:normal" rel="nofollow">http://jsfiddle.net/Scorpionb/QzFc3/(white-space:normal</a>; and removed overflow to get rid of the scrollbars)</p>
  
  <p><a href="http://jsfiddle.net/Scorpionb/H6ATy/" rel="nofollow">http://jsfiddle.net/Scorpionb/H6ATy/</a> (trying to treat it as a table)</p>
  
  <p>Hopefully this makes sense, but I have run around so many circles now that I am losing track of what works and what does not. So, ask if you have any questions.</p>
  
  <p>Also, this is an ASP MVC project, so I am tying each row of data to a form to be submitted and bound to a model</p>