Come posizionare elementi propriamente senza usare la proprietà FLOAT?

[Donovant]

Come da titolo ho alcuni elementi, speciè il WRAP principale che è stato posizionato con
{ margin:20px auto; } quindi se qualche elemento all'interno dello stesso usa la proprietà FLOT (left o right) lo stesso esce fuori dal flusso di lavoro dell'elemento WRAP, come fare a posizionarlo senza avere questo incoveniente?

Esempio html:

<div id="wrap">
     <div id="el1"></div>
     <div id="el2"></div>
</div>

Esempio css:

#wrap{ margin:20px auto;}
#el1, #el2{ float:left; }

Come fare quindi per inserire due elementi uno a fianco all'altro in un contenitore posizionato in questo modo?

[VincenzoB92]

invece di "float: left; "prova a dargli "display: inline-block;" attento ai margini però

[Donovant]

Si funzione, grazie mille!