JSFiddle - React, Tailwind, and code Playground

HTML

<div class = "multicolumns">
       <p> fdsafsadfasdfasdfsdaf sdfasdfdsafasdff adfasdfsdafdsafjhfkd shflkashdfjhasljdfhdskdfhj<br>
          jlfasdhkljfhasdlk hflksdahfkljsdah fkljsahdflkhksadljhfklsaj<br> fadfasdfsdafdsafjhfkdshflkashdfjhaslj dfhdskdfhj<br>
          jlfasdhkljfhasdlkh flksdahfkljs dahfkljsahdflkhk sadljhfklsaj<br>fadfasdfsdaf dsafjhfkdshflkashdfjhasljdfhdskdfhj<br>
          jlfasdhkljfhas dlkhflksdahfkl jsdahfkljsahdflkhk sadljhfklsaj</p>
      <p>fadfasdfsdaf dsafjhfkdshflkashdf jhasljdfhdskdfhj<br>
          jlfasdh kljfhasdlkhflksdahfkljsda hfkljsahdflk hksadljhfklsaj<br>
          jlfasdhkljfhas dlkhflksdahfkljsdahfkljsahdflkhks adljhfklsaj
          <br>
          jlfasdhkljfhasdlkhflksdah fkljsdahfkljsahdflkhksadljhfklsaj</p>


      <p>jfdsjafhlksdah flksdhfkljhsdak
          ljfhsdkah fdksljhfkl
          </p>
          <footer>
     <em>&copy; 2014 fdsaflsadfl;jsdlfldsklfdsj </em>
    </footer>
   </div>

CSS

p
         {max-height:40px;
    display:table-cell;
    overflow:hidden;
  transition: min-height 1s;
  -moz-transition: min-height 1s;
  -webkit-transition: min-height 1s;
  -o-transition: min-height 1s;
  -ms-transition: min-height 1s;
    width:31%;
    margin:0 1% 0 0;
    display:inline-block;
    padding-right:5px;
    vertical-align:top;
    border-right:1px solid black;

    
    
 }

p:last-child {

    border:none
}
 .multicolumns {
     vertical-align:top
 }
p:hover {

max-height:1000px;

}