estás buscando mal 
para que las capas queden una al lado de la otra, se utiliza float...
quedaría así:
Código:
----HTML----
<div id="contenedor">
<div class="capa">Aquí el contenido</div>
<div class="capa">Aquí el contenido</div>
</div>
----CSS----
#contenedor{
width:80%;
margin:auto;}
.capa{float:left}