如何让我的视频向左浮动，我的段落在视频的右侧？

Question

我想简单地让我的视频在右边，并在左边有一个解释视频的段落然后在该视频下执行相同的操作，依此类推，到目前为止，我尝试过这样做，但它没有＆＃39似乎看起来正确。我该怎么做？

Here is jsfiddle of what I tried:

  <div style="display: inline-block">
    <div class="vidOne">
     <iframe style="float: left"              src="http://www.youtube.com/embed/videoseries?list=PLFE2CE09D83EE3E28"
            width="100px" height="100px" frameborder="0"></iframe>
       <p >The is a paragraph that should go right of video 1</p>
    </div>
        <br>
   <div class="vidTwo">
      <iframe style="float: left" src="http://www.youtube.com/embed/videoseries?list=PLFE2CE09D83EE3E28"
                width="100px" height="100px" frameborder="0"></iframe>
       <p>The is a paragraph that should go right of video 1</p>
   </div>
</div>

这是我的目标：

Answer 1

变化：

style="float: left" 

到

style="clear:left; float: left" 

请注意，您可能还想在div容器中添加一些上边距，以便将它们更加垂直地分开。

<强> jsFiddle example