css - why my text box is not showing up?


Tags: css,html,alignment

Problem :

On my website, 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,

Here is my 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-->

And here is my css:

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


Solution :

You aren't closing your div tag

<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-->

This should do the trick.

PS Love the video on that page :)


    CSS Howto..

    Japanese Text not showing correctly

    How to make my delete buttons responsive and stay absolute on my thumbnails

    How to spin an image horizontally with CSS

    How can I make my numbered scale responsive to scrolling and clicking?

    How do I make punch-through transparent text in HTML/CSS?

    How to programmatically add JS and CSS resources to ?

    how to change a css background onclick

    How do i make a flexible div with a background in css

    How can I get drop-down functionality working with CSS?

    How to add comments to inline CSS? [closed]

    how to i target a another div with jquery or css

    How to implement a navbar with HTML / CSS

    How to set width of an element in %

    How to create a vertical carousel using plain JavaScript and CSS

    CSS - How to hide div by hovering another div [duplicate]

    How to import packages within my Aurelia application

    How can I make DIV 100% height of browser without vertical scrolling of header

    How to Convert RGB to HEX ( for Gradients )

    How to position iframe (calendar) inside php echo statement?

    How to reset css before repeating sequence

    Div inside how to call class in css?

    Why don’t my box borders surround the floats inside them without this CSS fix? (And how does the fix work?)

    How to override facebook share button css

    How to access this children div

    How to auto-resize tabs to fit a fixed-width container?

    css - how to hide href link nested inside a div?

    How to add spacing between two span elements

    How to override a part of the style in the site.master page?

    How to make CSS border show on radio button click

    css how to remove the empty space at the left