<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container text-center panel panel-default"> <div class="period-container"> <div class="period-container"> <div class="period-container"> <div class="period-container"> <div class="col1 period-col panel panel-default"> <br/><br/>October 2011<br/> </div> <div class="col2 period-col panel panel-default">2123123123 </div> <div class="col3 period-col panel panel-default">3123123123<br/>123<br/><br/> </div> <div class="col4 period-col panel panel-default">4123123123 </div> <div class="col5 period-last-col panel panel-default">5123123<br/><br/> </div> </div> </div> </div> </div> </div>

.period-container { float:left; width:100%; } .period-col { float:left; width: 20%; height: 100%; position: relative; right:20%; /* added */ } .period-last-col{ float:left; width: 20%; height: 100%; position:relative; /* added */ overflow:hidden; /* added */ }