Posicionamiento

[esnalca]

Mira estoy utilizando este codigo

Código HTML:

 <div class="noticias">
          <section>
            <article class="noticia_primera">
                <h2>El zahir (Coelho)</h2>
                <p>texto
                  </br>
                  <a class="leer"href="#">Leer Mas...</a> 
                  </p>
            </article>

            <article class="noticia_segunda">
                <h2>1Q84 (Muramaki)</h2>
                
                  <p>texto
                  <a class="leer"href="#">Leer Mas...</a> 
                  </p>
            </article>

            <article class="noticia_tercera">
                <h2>Lolita (Nabokov)</h2>
                
                  <p>texto
                  <a class="leer"href="#">Leer Mas...</a> 
                  </p>
            </article>
             </section>
      </div> 

Y este css:

Código:

.noticia_primera
{
    float: left;
    width: 25%;
    height: auto;
    height: 920px;
}

.noticia_segunda
{
    float: left;
    width: 20%;
    height: 460px;
    margin-left: 10px;
}

.noticia_tercera 
{
    float: left;
    width: 20%;
    height: 460px;
    margin-left: 10px;
}