[CSS]Dwa, wycentrowane divy obok siebie Opcje

[mateŁusz]

A więc mam już dwa divy wyśrodkowane, lecz są one jeden pod drugim. Powinny być obok siebie i między nimi odstęp, np. 10 px.

CSS:

[HTML] pobierz, plaintext 
.fanpage {
width: 250px;
height: 350px;
border: 1px solid #550023;
background-color: #750042;
position: relative;
margin: 0 auto;
}
 
.fanpage_naglowek {
width: 250px;
height: 30px;
background-image: url(images/naglowekfp.png);
background-repeat: no-repeat;
 
}
 
 
.fanpage1 {
width: 250px;
height: 350px;
border: 1px solid #550023;
background-color: #750042;
margin: 0 auto;
position: relative;
 
 
 
}
 
.fanpage1_naglowek {
width: 250px;
height: 30px;
background-image: url(images/naglowekfp1.png);
background-repeat: no-repeat;
 
}
 
 
 
.stala {
 
margin-left: auto;
margin-right: auto;
 
 
}
[HTML] pobierz, plaintext 

HTML

[HTML] pobierz, plaintext 
<div class="stala">
<div class="fanpage"><div class="fanpage_naglowek"></div>
      </div>
<div class="fanpage1"><div class="fanpage1_naglowek"></div>
</div>
</div>
[HTML] pobierz, plaintext 

Jak do przerobić, aby było dobrze? (IMG:style_emoticons/default/biggrin.gif)

DIV 1 | DIV 2