html - 在 HTML5 中将 div 与锚标记链接

Question

我编写了一个这样的代码块： HTML：

<a href="#">
    <div class="aw">
        <div class="b1">Text</div>
        <div class="b2">Long Text</div>
        <div class="b3">Text</div>
    </div>
</a>

CSS：

.aw{
  color:#AAA;
  background-color:#EFEFEF;
  width:332px;
  height:58px;
  margin:0 auto;
  border:1px solid #EFEFEF;
}
  .b1{
    display:inline-block;
    height:58px;
    width:58px;
    float:left;
  }
  .b2{
    display:inline-block;
    height:58px;
    width:198px;
    float:left;
    overflow:hidden;
  }
  .b3{
    display:inline-block;
    height:58px;
    width:58px;
    float:right;
  }

我正在使用overflow:hidden和text-overflow:ellipsis作为class=b2。

发生的事情是一个 div ( class=b2 ) 中的文本显示在一行中，而没有包装文本。

任何快速帮助/提示？