Co byście zmienili w kodzie ?

pytanie zadane 7 marca 2016 w HTML i CSS przez uMAXa Gaduła (4,290 p.)
edycja 7 marca 2016 przez Comandeer

Co byście zmienili w kodzie by to wyglądało jakoś? Jestem początkujący chciał bym miedzy mariqee(szare tło) a czerwonym zrobić przerwe z 10cm a następnie potem było to z czerwonym

<!DOCTYPE HTML>
<html lang="pl">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    
    <title>NAZWA SERWERA</title>
    
    <meta name="description" content="Najlepszy serwer " />
    <meta name="keywords" content="minecraft, serwer minecraft, serwery minecraft, polskie, youtube" />
    
    <link rel="stylesheet" href="style.css" type="text.css" />
    
</head>

<body>
    
    <div id="container">
            <div class="marquee"><marquee height="20" bgcolor="#303030">Witaj na stronie startowej</marquee></div>
            
    <div class="rectangle">
            <div id="tile1">WWW</div>
            <div id="tile1">WWW</div>
            <div id="tile1">WWW</div>
            <div id="tile1">WWW</div>
            <div id="tile1">WWW</div>
    </div>
    
    
    </div>
    
    
    </div>
    
</body>
</html>

{
   color: #ffffff;
   background:url('img/min.png')
}

#container
{
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.marquee
{
    padding: 0px;
    margin: 0px;
    margin-top: 10px;
}
.rectangle
{
    width: 960px;
    margin: 20px;
}
#tile1
{
    margin: 0px;
    width: 190px;
    height: 65px;
    background-color: #ff0033;
    float: left;
    text-align: center;
}