如何将 Youtube 视频浮动/定位到 <p> 文本的右侧？

Question

我们还没有学习 javascript，因为这是一个初学者课程，但我需要以某种方式将我的 youtube 视频浮动或定位到右侧。我的 CSS 文件中的浮动 id 为 float: right;

<div id="content">
        <h1>Welcome!</h1>
        <p>"Do You Even Lift?" is an organization that will help you and many others get motivated to get in shape. If you want to get stronger,
         lose weight, gain weight or simply live a healthier life, you've come to the right place.<p>
         <p>For those that already lift, have lifted previously in their lifetime, are not sure if they lift or not, this video will be helpful in answering that question.</p>
        </div>
        <div id="float">
        <iframe src="http://www.youtube.com/embed/OloLS5kTrVs" width="400" height="315" frameborder="0" allowfullscreen>
        </iframe>
        </div>










<hr>
<div id="footer">Copyright &copy; 2014 Corey Osmon
    </div>


    </body>
</html>

Answer 1

Demo

HTML

<iframe src="http://www.youtube.com/embed/OloLS5kTrVs" width="400" height="315" frameborder="0" allowfullscreen></iframe>

 <h1>Welcome!</h1>

<p>"Do You Even Lift?" is an organization that will help you and many others get motivated to get in shape. If you want to get stronger, lose weight, gain weight or simply live a healthier life, you've come to the right place.</p>
<p>For those that already lift, have lifted previously in their lifetime, are not sure if they lift or not, this video will be helpful in answering that question.</p>
<div class="clear"></div>
<hr>
<div id="footer">Copyright &copy; 2014 Corey Osmon</div>

css

iframe {    
    width:50%;    
    float:right;    
}

.clear {    
    clear:both;    
}