Allineare due <div>

[pendolino4ever]

Salve a tutti:vi pongo il mio problema.
Io ho:
<div class="1">
<div class=data">
<h1>Giorno mese anno</h1>
</div>
<div class="calendario">
<h1>Calendario</h1>
</div>
</div>

Ora il css che ho scritto io:
div.container {
width:700;
margin:0px;
padding:0px;
}

div.data {
background-color:#0033CC;
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:350px;
padding:0px;
}

div.calendario{
background-color:#FFFF00;
margin-top:0px;
margin-bottom:0px;
margin-left:350px;
margin-right:0px;
padding:0px;
}

Il mio problema sta nel non riuscire a porre i due <div> intesi come "tabelle" (quindi per ora fregandomene del testo che porro dentro) sulla stessa linea,infatti nel modo in cui ho scritto i due div interni al "container" non vengono posti sulla stessa linea.Come si fa per porli sulla stessa linea?
Grazie in anticipo per l'aiuto

[Mich_]

Devi mettere un
float: left;
in ambedue i div interni.

Se poi all'interno del container devi mettere altri div, il primo dovra` avere
clear:left;


Nota: "1" non e` un nome valido per una classe: i nomi devono inziare con lettere.