如何在iframe旁边浮动文字

Question

我正在尝试浮动iframe左侧的文字。我有下面的内容，但它不会漂浮。需要改变什么？画布宽度为800px

<p class="float-left"></p>
<iframe class="float-right" width="420" height="315" src="//www.youtube.com/embed/" frameborder="0" allowfullscreen></iframe>
<div class="clear"></div>

.float-left {
position: relative;
float: left;
margin: 0px 0px 50px;
width: 250;
height: 100%;
}
.float-right {
float: right;
width: 65%;
}

Answer 1

你可能甚至不需要浮左班。我创造了一个jsfiddle。这可能就是你要找的东西。

http://jsfiddle.net/8dhqs/

<iframe class="float-right" width="420" height="315" src="//www.youtube.com/embed/" 

frameborder="0" allowfullscreen></iframe>
<p>Hello This is some textHello This is some textHello This is some textHello This is some textHello This is some textHello This is some textHello This is some textHello This is some textHello This is some textHello This is some textHello This is some textHello This is some textHello This is some textHello This is some text</p>
<div class="clear"></div>

.float-right {
float: right;
width: 65%;
}