hola colegas necesito de su ayuda.
Mi problema creo que es sencillo de resolver pero soy nuevo en esto.
tengo tres div's acomodados verticalmente pero el primero no está alineado de la misma manera que lo está los otros dos.
les muestro el código de html
<section id="tutoriales">
<P>Interesate por más...</P>
<div id="html" class="tuto">
<H2>HTML5</H2>
.
.
.
</div>
<div id="css" class="tuto">
<H2>CSS3</H2>
.
.
.
</div>
<div id="js" class="tuto">
<H2>JavaScript</H2>
.
.
.
</div>
</section>
al poner este código en la hoja de estilos en css lo que me muestra es el div con el id html un poco abajo de los otros. y el div con id css y js me los muestra alineados a la misma medida verticalmente. y mi pregunta es porque el de HTML me lo muestra como 10px mas abajo que los otros dos?.
el código que tengo en css es
.tuto{
border: 1px solid #ccc;
display: inline-block;
height:25em;
margin: 1em;
width:20em;
}
intente probarlo agregándole este otro código pero me lo dejo igual.
#tutoriales{
padding: 0px 0px;
}
#html{
margin-top: 0px 0px;
}