title: table-cell - some kind of colspan?
body: <p>I am a bit puzzled right now, because I had CSS code that worked, but it wasn't beautiful at all. I now want to rework this CSS styles and build them via LESS. And I have big problems with <code>display:table;</code> / <code>display:table-row;</code> and <code>display:table-cell;</code>.</p>
  
  <p>For example I have the following code: <a href="http://jsfiddle.net/La3kd/2/" rel="noreferrer">http://jsfiddle.net/La3kd/2/</a></p>
  
  <p>How can I do it that the last cell (center) does not shift the above second cell to the right? The last cell should have the width of the 2 cells above. Some kind of colspan is needed. It is so weird, because I have the impression that it worked before I reworked the code. But now all elements to the right are totally shifted.</p>