CSS - How to make two divs in equal height within container without any script

To set two divs to equal height dynamically without any scripts use this code  

<div class="equal-height-container">

            <div class="equal-height-box">

                dynamic content goes here..

            </div>

            <div class ="equal-height-box">

                dynamic content goes here..

            </div>

   </div>

.equal-height-container {

    display: table;

}

.equal-height-box {

    display: table-cell;

    height: auto;

    overflow: hidden;

    float:none;
    vertical-align:top;

}