Stavo cercando di capire come utilizzare il float.
Il mio programma html :
<!DOCTYPE html>
<html>
<head>
<title>Titolo</title>
<link href="CSS.css" rel="stylesheet" style="text/css">
</head>
<body>
<div id="intestazione">
<h1>Titolo H1</h1>
<h2>Titolo H2</h2>
<p>aaaa a a a aaaa a a a a a a.</p>
</div>
<ul id="menu">
<li><a href="new1.html">Chi Siamo</a></li>
<li><a href="new2.html">I Nostri Prodotti</a></li>
<li><a href="new3.html">Dove Trovarci</a></li>
</ul>
</body>
</html>

Volevo utilizzare il float per spostare il box della lista menu sulla sinistra della pagina,e di conseguenza l'altro box intestazione a destra.
Utilizzando il comando float:right sul box intestazione mi sposta il box sul lato destro il piu' vicino a fine pagina e se provo con il comando width:valorepx mi modifica la larghezza del box.
Il codice CSS senza il float:

#intestazione{
width: 660px;
border:1px solid blue;
padding:20px;
margin:20px;
}


#menu{
width: 120px;
border:1px solid red;
padding:20px;
margin:25px;
}

Se qualcuno potesse darmi una mano,grazie in anticipo!