title: How can I aligned my content even without hover?
body: <p>I have four columns with diff divs, the fourth column is hover. You have to mouseover the fourth column before the input bar shows up. My problem is, since the fourth column is hidden, the data on the first column goes to the fourth column. Help me with this. Here's my code: 
  jsfiddle.net/kerokeroppi/DYvCz/!</p>
  
  <p><a href="https://i.stack.imgur.com/9HkO1.jpg" rel="nofollow noreferrer">screw up when my fourth column is not hover</a></p>
  
  <p><img src="https://i.stack.imgur.com/3Pe5L.jpg" alt="When hover my table is fixed."></p>
  
  <p><img src="https://i.stack.imgur.com/1WZbn.jpg" alt="enter image description here"></p>