Hola que tal tengo un gran problema estoy desarrollando un sitio intento alinear un párrafo con respecto a una imagen, vamos a decir al centro. bueno la imagen se encuentra al como background de un div y los párrafos están dentro de ese div lo que quisiera saber es por que los párrafos al ponerles el margin alinean al div que los contiene esto solo para el primer párrafo por que he agregado otros y estos si se mueven con respecto a su div contenedor y no mueven al div que los contiene. voy a poner el código. para aclarar mas esto
<div id="fecha">
<p class="mes">1</p>
<p class="mes">2</p>
<p class="mes">3</p>
</div> // este es el codigo de html
#fecha{
width:243px;
height:197px;
background:url(img/calendario.png) no-repeat;
}
#fecha .mes{
margin:0;
padding:0;
margin-top:10px;
} //estos dos son el codigo css
entonces alcarando bien la clase mes que se deveria de mover con respecto de el div fecha lo hace pero solo despues del segundo parrafo ya que el primero no se mueve con repecto de su div moviendolo de su posicion