title: css - why my text box is not showing up?
body: <p>On <a href="http://goo.gl/ygSXK" rel="nofollow">my website</a>, section "Presse and Medias", I'd like a white square to appear a few px next to the video (on the right side) with the word "hello" in it.
  Unfortunately this is not working. I see the word hello, but not in a white square.
  Any idea what the issue is and how to fix it?
  Many thanks,</p>
  
  <p>Here is my html:</p>
  
  <pre><code>&lt;div class="section" id="medias"&gt;
  &lt;div class="center"&gt;
       &lt;iframe width="350" height="200" class="youtube-player" src="http://www.youtube.com/embed/qqXi8WmQ_WM" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;
  &lt;div id="medias-txt"
          &lt;p&gt;hello&lt;/p&gt;&lt;/div&gt;
   &lt;/div&gt;
  &lt;/div&gt;&lt;!--END page4--&gt;
  </code></pre>
  
  <p>And here is my css:</p>
  
  <pre><code>#medias-txt
  {
      background-color:#fff;
      color:#000;
      width:100px;
      height:100px;
      padding:10px;
      float:right;
  }
  </code></pre>