の右に表示したい#text1
の右に表示したいのですが、今は の右にも表示します。なぜこれが起こるのか誰か説明できますか?そしてそれを修正する方法は?#video1
#text2
#video2
#text2
#video1
<style>
#video1, #video2
{
float: left;
margin: 20px 20px 0 0;
}
</style>
<div id="video1">
<iframe src="http://player.vimeo.com/video/65706935" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
</div>
<div id="text1">
this is text1
</div>
<div id="video2">
<iframe src="http://player.vimeo.com/video/67739892" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
</div>
<div id="text2">
this is text2
</div>