css - 为什么我的文本框没有显示？

Question

关于 my website ，“新闻和媒体”部分，我希望在视频旁边(右侧)出现一个白色方 block ，其中包含“你好”一词。不幸的是，这是行不通的。我看到了你好这个词，但不是在白色方 block 中。知道问题是什么以及如何解决吗？非常感谢，

这是我的 html:

<div class="section" id="medias">
<div class="center">
     <iframe width="350" height="200" class="youtube-player" src="http://www.youtube.com/embed/qqXi8WmQ_WM" frameborder="0" allowfullscreen></iframe>
<div id="medias-txt"
        <p>hello</p></div>
 </div>
</div><!--END page4-->

这是我的 CSS:

#medias-txt
{
    background-color:#fff;
    color:#000;
    width:100px;
    height:100px;
    padding:10px;
    float:right;
}

Answer 1

你没有关闭你的 div 标签

<div class="section" id="medias">
<div class="center">
     <iframe width="350" height="200" class="youtube-player" src="http://www.youtube.com/embed/qqXi8WmQ_WM" frameborder="0" allowfullscreen></iframe>
<div id="medias-txt">
        <p>hello</p></div>
 </div>
</div><!--END page4-->

这应该可以解决问题。

PS 喜欢那个页面上的视频 :)