Hi all

I have the following code, and the floats are displaying correctly (as
in they're side-by-side), but the wrapper doesn't extend down...

<style>
#wrapper {
        border-left: 6px solid #FFCC33;
        border-right: 6px solid #FFCC33;
        background-color: #fff;
}
#wrapper p {
        font-size: 9px;
        margin: 0;
        padding: 3px 10px;
        display: inline;
        float: left;
}
#wrapper p.test {
        text-align: right;
        float: right;
}
</style>

<div id="wrapper">
        <p>align left</p>
        <p class="test">align right</p>
</div>


What am I doing wrong? The wrapper is meant to contain its content no
matter what.
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to