# \[CSS\] Float IN div

**URL:** <https://forum.kirupa.com/t/css-float-in-div/218973>\
**Category:** web dev\
**Created:** [March 12, 2007, 10:02pm UTC](https://forum.kirupa.com/t/css-float-in-div/218973 "2007-03-12T22:02:05Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![evildrummer](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/evildrummer/32/2308_2.png) [@evildrummer](https://forum.kirupa.com/u/evildrummer)\
**Post date:** [March 12, 2007, 10:02pm UTC](https://forum.kirupa.com/t/css-float-in-div/218973/1 "2007-03-12T22:02:05Z")

</div>

I am not a CSS wizard but I am ok at it, and in this latest project I have nested divs:

```auto

<div id="paper">
    <div id="left" />
    <div id="right">
        <insert lots of table code>
    </div>
</div>

```

But when I have the right div float:right; it leaves the ‘paper’ div, so when I apply a BG of white to paper the right div doesnt get it, so my question is how can I keep the right and left div in the paper yet still use float to keep them next to each other?

Any advice will greatly be appreciated :tie:
