Multiple divs with same height

HTML

<div class="container">
    <div class="left">
        Text long item
    </div>
    <div class="middle">
        Fixed width
    </div>
    <div class="right">
        Text
    </div>
</div>

CSS

.container {
    display: table;
    text-align: center;
    width: 100%;
    background-color: yellow;
}

div{
    border:1px solid;
}

.left {
    display: table-cell;
}

.middle {
    display: table-cell;
    width: 150px;
}

.right {
    display: table-cell;
}