42 - Propiedad float aplicada a otros elementos HTML
Problema:
Mostrar una poesía y disponer la primer letra de cada párrafo que flote a izquierda.
pagina.html
estilos.css
Ejecución de la página
<!DOCTYPE html> <html> <head> <title>Problema</title> <meta charset="UTF-8"> <link rel="StyleSheet" href="estilos.css" type="text/css"> </head> <body> <p><span class="letra">A</span>quí me pongo a cantar <br> Al compás de la vigüela; <br> Que el hombre que lo desvela <br> Una pena extraordinaria, <br> Como la ave solitaria <br> Con el cantar se consuela.</p> <p><span class="letra">P</span>ido a los Santos del Cielo<br> Que ayuden mi pensamiento; <br> Les pido en este momento <br> Que voy a cantar mi historia,<br> Me refresquen la memoria <br> Y aclaren mi entendimiento. </p> <p><span class="letra">V</span>engan, santos milagrosos,<br> Vengan todos en mi ayuda,<br> Que la lengua se me añuda <br> Y se me turba la vista. <br> Pido a mi Dios que me asista<br> En una ocasión tan ruda. </p> </body> </html>
.letra { float:left; font-size:3rem; }
No tiene disponible el navegador la capacidad de iframe
Retornar