<style type="text/css">div.example{margin:0 auto;}div.example div{position:relative;float:left;border:1px solid purple;margin:1em;color:inherit;width:20%;padding:3em;}</style><h1>Example</h1><div class="example"> <div> <h2>Column 1</h2> <p> This has a lot of content over and over. This has a lot of content over and over. This has a lot of content over and over. This has a lot of content over and over. This has a lot of content over and over. This has a lot of content over and over. This has a lot of content over and over. This has a lot of content over and over. </p> </div> <div> <h2>Column 2</h2> <p> This has very little content. </p> </div> <div> <h2>Column 3</h2> <p> This has a lot of content over and over. This has a lot of content over and over. This has a lot of content over and over. This has a lot of content over and over. This has a lot of content over and over. This has a lot of content over and over. This has a lot of content over and over. This has a lot of content over and over. </p> </div></div>