Меню на всю ширину

by ils_user

HTML

<!doctype html>
<html>
    <head>
        <title>Меню на всю ширину</title>
    </head>
    <div class="wrapper">
        <div  class="header">
            header
        </div>
    </div>
    <div class="menu-bg">
        <ul class="wrapper menu">
            <li>Menu</li>
            <li>Menu</li>
            <li>Menu</li>
        </ul>
    </div>
    <div class="wrapper">
        <div class="content">
            content
        </div>
    </div>
</html>

CSS

.wrapper {
    margin: 0 auto;
    width: 300px;
}
.header {
    background: lightgreen;
}
.menu-bg {
    background: lightgray;
    overflow: hidden;
}
.menu > li {
    float: left;
}
.content {
    background: lightblue;
}