How to float text next to iframe <p>I'm trying to float text left of an iframe. I have the below, though it will not float. What needs to be changed? Canvas width is 800px</p> <pre><code>&lt;p class="float-left"&gt;&lt;/p&gt; &lt;iframe class="float-right" width="420" height="315" src="//www.youtube.com/embed/" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt; &lt;div class="clear"&gt;&lt;/div&gt; .float-left { position: relative; float: left; margin: 0px 0px 50px; width: 250; height: 100%; } .float-right { float: right; width: 65%; } </code></pre>