[CSS/HTML] Dwa obiekty na tym samym poziomie

[Bucky]

Kod:

<div id="wrap">
        
    <div id="menu_glowne">
        <ul id="menu">
            <li>menu1</li>
            <li>menu2</li>
            <li>menu3</li>
            <li>menu4</li>
        </ul>
    </div>
        
    <div id="menu_boczne">
        <ul>
            <li>menu1</li>
            <li>menu2</li>
            <li>menu3</li>
            <li>menu4</li>
        </ul>
    </div>
        
</div>

Kod:

* {
    padding: 0;
    margin: 0;
}

#wrap {
    width: 800px;
    margin: 0 auto;
}

#menu_glowne {
    width: 500px;
    float: left;
}

#menu_boczne {
    width: 300px;
    float: left;
}

#menu li {
    display: inline;
    padding-left: 10px;
}