如何在iframe旁边浮动文本

我试图在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%;
}

.向左浮动{
位置：相对位置；
浮动：左；
利润率：0px 0px 50px；
宽度：250；
身高：100%；
}
.向右浮动{
浮动：对；
宽度：65%；
}

您甚至不需要float left类。我已经创建了一个JSFIDLE。这可能就是你要找的

你好这是一些文本你好这是一些文本你好这是一些文本你好这是一些文本你好这是一些文本你好这是一些文本你好这是一些文本你好这是一些文本你好这是一些文本你好这是一些文本你好这是一些文本你好这是一些文本你好这是一些文本你好这是一些文本你好这是一些文本你好这是一些文本

.向右浮动{
浮动：对；
宽度：65%；
}

<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%;
}