html - 高さを知らずに真ん中を縦に揃える

Question

<div class="grid-960">
    <div class="row content">
        <div class="col col-6-12">
            <img src="imgs/image.jpg" alt="img"/>
        </div>
        <div class="col col-6-12 last">
            <h2>Title1</h2>
            <p>My content</p>
        </div>
    </div>
</div>

私の問題：

はい、ほとんどのコンテンツを垂直方向に配置する方法を知っています。親をテーブルとして、子をテーブルセルとして設定するなど、多くの手法を使用しました。ただし、ほとんどの手法では、親/子の高さを知る必要があります。または、ブロック要素で作業していると想定しています。

フローティング要素を使用していますが、その高さ (動的コンテンツ) がわかりません。

.col{float:left}

基本的に、右側の列の要素を左側の画像と垂直に揃える必要があります。私の列は左にフロートするため、100% の高さは効果がありません。

何か案は？

*ちなみに、私のコードが正しく表示されない理由はよくわかりません。インデントを機能させることができないようです。