Show HTML table side Columns on middle column hover <p>See <a href="http://jsfiddle.net/38QZ6/1/" rel="nofollow noreferrer">http://jsfiddle.net/38QZ6/1/</a></p> <pre><code>.feelo_table:hover .labels { display:table-cell; } </code></pre> <p>In the above code the expected output is when I hover the middle table column , I need to popup the side columns, as a wing like projection sideways. I am half way to it. I couldn't align the side columns properly.</p> <p>Below is the expected output:</p> <p><img src="https://i.stack.imgur.com/1OY4q.png" alt="http://i.stack.imgur.com/Pumgy.png"></p>