Problema con stampa elementi sulla stessa riga

[deleted_193]

Salve, ho un problema credo di facile risoluzione: la scritta Ciao2 ciene stampata a destra, ma sulla riga inferiore ripstto a ciao1, mentre vorrei che stampassero entrambe sulla stessa riga.
Ho semplificato il codice ovviamente, e ho postato questo semplificato che dà lo stesso problema:

<div id="elemento1">Ciao1</div>
<div id="elemento2">Ciao2</div>

#elemento1{
	text-align:left;
	top: 0px;
	left: 0px;
}

#elemento2{
	text-align:right;
	top: 0px;
	left: 0px;
}

Un grazie anticipato per l'aiuto.


P.S. dimenticavo, dividendo la riga in due celle si ottiene l'effetto voluto, ma il problemaè che ho altri elementi con proporzioni totalmente differenti, per cui si verifica lo stesso problema, quindi cerco una soluzione con i css.

[ac_socmel]

studiati il float e il clearing

[Nobody33]

Puoi rinchiudere i due div in un contenitore padre.

dopo di ché:

#elemento1{
	float: left;
       display: inline-block; /*forse necessario più avanti*/
	
}

#elemento2{
	float: right;
	display: inline-block; /*forse necessario più avanti*/
}

[deleted_193]

Grazi a voi ho risolto.