html - 难以将元素与 boostrap 对齐

Question

我在处理一些 CSS/HTML 属性时遇到了一些困难。我正在使用引导程序进行良好的渲染。

所以我想要这个：

img 是完美的，但问题在于日期（02.03.2013）。我在 img 上放了一个浮点数，所以 h3 可以正常工作，但日期不能正常工作。

请问你能帮帮我吗 ？这是我所拥有的：http: //jsbin.com/uqadoc/1/edit

Answer 1

<h3>在( 你的日期 )周围放置一个 div<p>具有固定宽度的 H3 和 Float:left; 和 p, float:right;

注意：我在 jf 中进行了非 div 访问，但概念相同

  <div class='main'>
    <img src='' class='ims'>
       <div class='content'>

           <h3 class="qwe" >serwqerqwrewqr</h3>



           <p class="wer">dafdf</p>
          <div class="rty" >


               sfdg
               ffffffffffffffffffffff
           fdsffffffffffff</br>


          sfdg
               ffffffffffffffffffffff
           fdsffffffffffff</br>          sfdg
               ffffffffffffffffffffff
           fdsffffffffffff</br>          sfdg
               ffffffffffffffffffffff
           fdsffffffffffff</br>
</div>
</div> 
</div>


.main{
    width:500px;
    height:200px;
    background:black;
}
.content{
    width:100ps;
    height:200px;
    background:red;
}
.ims{
    float:left;
    width:100px;
    height:200px;
    background:blue;
}
    .qwe{
        float:left;
    width:300px
        height:50px;
    }

    .wer{

    width:200px
        height:50px;
        float:right;      
    }
 .rty{
padding-top:80px;
    width:400px
        float:right;      
    }

Jfiddle http://jsfiddle.net/qAEzr/