a ver si podéis echar una mano a un novato. Tengo el siguiente código y necesito hacer lo siguiente:
Colocar el section a la derecha del vídeo, alineado superiormente con el y ocupando el ancho disponible que no ocupe el video. El video tiene un ancho especificado de 300px. El ancho de body no está especificado.
Dentro del article de la section, colocar el span a la derecha de la imagen haciendo que span e imagen estén alineados superiormente.
<html> <head> <title>Prueba</title> </head> <body> <video width="300" height="250" controls poster="prueba-poster.jpg "> <source src="prueba.mp4 " type="video/mp4 "> </video> <section> <article> <h4>Lorem, ipsum dolor.</h4> <img src="prueba.jpg "> <span>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Culpa modi quibusdam nesciunt veritatis error quis dignissimos suscipit</span> <a href="# ">Ver más</a> </article> </section> </body> </html>
Se agradece cualquier ayuda, he probado con float, display:table y vertical-align y aunque creo que los tiros van por ahí, no acabo de ver como lograrlo. Gracias, un saludo! ;)
<article>
)? y de la sección (<section>
)? hay mas secciones? algo antes o algo después del par video+section?<main>
y el video como<aside>
. o si lo metes dentro de<section>
, un<div>
también vale. luegodisplay:inline-block
convertical-align:top
(y el implícitotext-align:left
) haría que se acomode