Two Columns with Equal Height

by Bilal AFSAR

HTML

<div id="wrapper">
    <div id="one">
    <div>
    one one one one one one one one one one one one one
    </div>
    <div>
    one one one one one one one one one one one one one
    </div>
    <div>
    one one one one one one one one one one one one one
    </div>
    <div>
    one one one one one one one one one one one one one
    </div>
    </div>
    <div id="two">two two two two two two</div>
</div>

CSS

#wrapper {
    display: table;
    table-layout: fixed;  
    
    width:90%;
    height:100px;
    background-color:Gray;
}
#wrapper>div {
    display: table-cell;
    height:100px;
    padding:10px;
}
#wrapper>div>div{
  padding-top:150px !important;
}
#one {
    background-color:green;
    width:100px;
    
}
#two {
    background-color:blue
}