title: Css Float left not working
body: <p>I am trying to make <a href="https://onedrive.live.com/redir?resid=22090721B1B171B7!12786&amp;authkey=!AE8lIzO5HQU2Vho&amp;v=3&amp;ithint=photo%2Cjpg" rel="nofollow">this</a> layout.</p>
  
  <p>So I have tried <a href="https://jsfiddle.net/qy067a07/" rel="nofollow">this</a>.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.Projectscontent{
  width:1024px;
  margin:8% auto;
  position:relative;
  }
  
  .Desccontent{
    width:200px; 
   
  
  }
  
  .Contentimage{
   background-color:#F00;
   
   width:200px;
   height:40px;
  }
  
  .ContentDesc{
   background-color:#F00;
   
    width:200px;
    height:40px;
  }
  
  .videoP{
   width:700px;
   float:left;
   overflow:hidden;
    
    
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code> &lt;div class="Projectscontent"&gt;
      &lt;div class="Desccontent"&gt;
        &lt;div class="Contentimage"&gt;fdf &lt;/div&gt;
        &lt;div class="ContentDesc"&gt;dfd&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="videoP"&gt;
        &lt;iframe src="https://player.vimeo.com/video/129369632"?autoplay=0&amp;loop=0&amp;title=0&amp;byline=0&amp;portrait=0 width="600" height="575" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen&gt;&lt;/iframe&gt;
      &lt;/div&gt;
    &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>But somehow the video is not floating left? Anyone have any suggestions? Thanks in advance.</p>