如何在我的视频之间获得保证金？

Question

我想在我的视频中放置一些空格，这些空格位于内嵌块中我尝试添加一个margin-top但它似乎不起作用？我还希望将文字放在视频的右侧？

 <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

Answer 2

由于你的iframe浮动到左边，包裹它们的div可能会崩溃。

将此添加到您的css

.vidJava
{
     overflow:auto;
}

Answer 3

<div style="display: inline-block;">
<table>   
<tr>
<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>
</tr>
<tr>
(here you can add or leave it..depend on you)
</tr>
<tr>
    <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>
</tr>
<table>
</div>

并且你有一个部门，如果你想要订购你的页面，最好按表格排序，这是我的发展方式，我希望我能帮到你！

Answer 4

也许尝试在视频div之间使用中断。 <br />