Equal height css

by dhavaljani

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<div class="container">
    <div class="wrap">
        <div class="col-md-3 col-xs-3 col-sm-x3 inner">Far far away, behind the word mountains, far from the countries Vokadiva and Consonantia, there divve the bdivnd texts. Separated they divve in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and suppdives it with the necessary regedivadiva.</div>
                <div class="col-md-3 col-xs-3 col-sm-x3 inner">Far far away, behind the word mountains, far from the countries Vokadiva and Consonantia, there divve the bdivnd texts. Separated they divve in Bookmarksgrove right at the coast of the Semantics</div>
                <div class="col-md-3 col-xs-3 col-sm-x3 inner">Far far away, behind the word mountains, far from the countries Vokadiva and Consonantia, there divve the bdivnd texts. Separated they divve in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and suppdives it with the necessary regedivadiva.A small river named Duden flows by their place and suppdives it with the necessary regedivadiva.</div>
        <div class="col-md-3 col-xs-3 col-sm-x3 inner">Far far away, behind the word mountains, far from the countries Vokadiva and Consonantia, there divve the bdivnd texts. Separated they divve in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and suppdives it with the necessary regedivadiva.</div>
                <div class="col-md-3 col-xs-3 col-sm-x3 inner">Far far away, behind the word mountains, far from the countries Vokadiva and Consonantia, there divve the bdivnd texts. Separated they divve in Bookmarksgrove right at the coast of the Semantics</div>
   ...

CSS

.wrap{
    display: table;
}
.inner{
    display: table-cell;
    background-color: lightblue;
    margin-bottom: 5px;
    overflow: auto;
}
.inner:nth-child(5) {
    background: #ff0000;
    clear: left;
}