将浮动div显示为表继承高度

Question

我想要做的是拥有2个浮动的div，一个是仅图像，另一个是各种内容。 内容div中的内容需要垂直居中，其高度需要等于图像div的高度。 所以，我遇到的问题是，显示为表格的div因浮动而不会继承高度。在这种情况下我该怎么办？

这是代码。大多数相关风格都可以在课堂上看到。 唯一没有风格的是 Eidt：为每个请求添加了样式。其余的风格是bg，字体等。

.txtimgcont {width:49.5%;}
.txtimgwrap {width:100%;}
.table {display:table;}
.tablecell {display:table-cell;}
.floatright {float:right;}
.middle {vertical-align:middle;}

HTML

<div class="txtimgwrap txtimgwrap1 clearfix">

  <div class="txtimgcont table floatright">
    <div class="tablecell middle w100"> 
      <div>content</div>
      <div>content</div>
      <div>content</div>
    </div>
  </div>

  <div class="txtimgcont txtimgimgcont floatright">
    <img class="imgheightread" src="http://" />
  </div>

</div>