Crear dos párrafos dentro de un artículo HTML5

Soy bastante nuevo con HTML5. Ahora estoy tratando de hacer dos párrafos en el primer artículo. Usé algunos fragmentos de http://f6design.com/projects/parallax-scrolling/. Simplemente quiero lograr dos párrafos en el artículo de introducción. Intenté esta alternativa, pero fracasé.

    <div class="side-container">
        <!-- left side -->
        <aside>
        Left: Fixed width, 100% height of the window or right hand content
        </aside>

        <!-- main content -->
        <article>
        Right: Fluid width                       
        </article>
    </div>

http://jsfiddle.net/t3AxY/7/

Aqui esta mi codigo http://jsfiddle.net/sw8s4/
¿Alguna sugerencia de cómo hacer esto?

Mejor,
Sebastián

preguntado el 03 de mayo de 13 a las 08:05

algo como esto -> jsfiddle.net/t3AxY/8 ? -

Por favor, ¿podría ser más específico con su pregunta? -

1 Respuestas

Intentaría algo como esto:

#content {
    z-index: 4;
    position: relative;
    max-width: 900px;
    padding: 0 10px;
    margin: 0 auto;
    line-height: 1.7;
}
#intro {
    float:left;
    width: 400px;
    padding-right:40px;
}
#manned-flight {
    width: 100%;
}
article img {
    height:30px;
    width:100%;
}

No estoy seguro de cómo debería ser exactamente su salida, pero de esta manera obtiene dos columnas. donde el primero obtiene un ancho fijo y el segundo cambia de tamaño para llenar el resto del padre.

actualiza tu jsFiddle

Ahora también puedes poner height:100%; on body, #content y #intro para que sea el 100% de la altura de la ventana.

contestado el 03 de mayo de 13 a las 08:05

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.