Untitled

index.html
 <!DOCTYPE html>
<html lang="pl">
<head>
    <title>Strona www</title>
     <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="style.css" media="all">

</head>
<body>
<div class="Container">
    <div class="menu">
        <div class="menu1">menu1</div>
        <div class="menu2">menu2</div>
        <div class="menu3">menu3</div>
        <div class="menu4">menu4</div>
        <div style="clear: both;"></div>

    </div>
</div>
</body>
</html>
style.css
body{
    background-color: grey;


}
.Container
{
    width: 1000px;
    margin-left: auto;
    margin-right: auto;

}
.menu {
    widows: 900px;
    height: 90px;

}
.menu1
{
    float: left;
    width: 225px;
    height:90px;
    background-color: red;
}
.menu2
{
    float: left;
    width: 225px;
    height:90px;
    margin-left: 15px;
        background-color: red;

}

.menu3
{
    float: left;
    width: 225px;
    height:90px;
        background-color: red;
            margin-left: 15px;


}
.menu4
{
    float: left;
    width: 225px;
    height:90px;
        background-color: red;
            margin-left: 15px;


}