html - 如何在我的视频之间获得边距？

Question

我想在我的内联 block 中的视频之间留出一些空间 我尝试添加边距顶部但它似乎不起作用？我还想将我的文字居中显示在视频的右侧吗？

 <div style="display: inline-block;">
   <div class="vidJava">
    <iframe style="clear:left; float: left" src="http://www.youtube.com/embed/videoseries?list=PLFE2CE09D83EE3E28"
            width="560px" height="315px" frameborder="0"></iframe>
       <p style="float: left;">lorem upsum unhgt nuhj ifn hh h</p>
    </div>

    <div class="vidJava" style="margin-top:50px;">
        <iframe style="clear:left; float: left" src="http://www.youtube.com/embed/videoseries?list=PLFE2CE09D83EE3E28"
                width="560px" height="315px" frameborder="0"></iframe>
        <p style="float: left;">lorem upsum unhgt nuhj ifn hh h</p>
    </div>
</div>

Answer 1

将 overflow:auto 添加到您的 .vidJava 类中。

jsFiddle example