Wie kann ich zwei nebeneinander liegende div-Elemente auf der gleichen Höhe halten?

Question

Ich habe zwei div-Elemente nebeneinander. Ich möchte, dass die Höhe von ihnen gleich ist und gleich bleibt, wenn eines von ihnen seine Größe ändert. Wenn eine wächst, weil Text in sie platziert wird, sollte die andere wachsen, um die Höhe entsprechen. Ich kann das aber nicht herausfinden. Hat jemand eine Idee?

<div style="overflow: hidden">
    <div style="
        border: 1px solid #cccccc;
        float: left;
        padding-bottom: 1000px;
        margin-bottom: -1000px;
    ">
        Some content!<br />
        Some content!<br />
        Some content!<br />
        Some content!<br />
        Some content!<br />
    </div>

    <div style="
        border: 1px solid #cccccc;
        float: left;
        padding-bottom: 1000px;
        margin-bottom: -1000px;
    ">
        Some content!
    </div>
</div>