Ciao a tutti!
Può sembrare banale, ma purtroppo non riesco ad allineare il paragrafo sotto all'h2.
Posto il codice:
Mi ritrovo quindi l'h2 float a destra che funziona, ma il paragrafo si affianca alla sua sinistra e non va sotto, pur essendo un elemento di block... Aiutocodice HTML:<!doctype html><html lang=it> <head> <meta charset=UTF-8> <title>Dante Alighieri</title> <style> body{width: 80%;margin:0 auto; /* cerca di partizionare il 20% rimanente lasciando il margine adatto */} h1{font-size: 200%;font-variant: small-caps;background-color: DarkGrey;} h2, p{float: right;height: auto;width: auto;} img{width: 40%;height: auto; /* altezza automatica e larghezza specificata in %, così che non venga deformata */float: left;} p:first-letter{ /* prima lettera del paragrafo */font-size: 200%;} p{margin: 0 auto;} </style> </head> <body> <h1>Dante Alighieri</h1> <img src=dante.jpg> <h2>Inferno Canto III v 1-9</h2> <p>Per me si va nella città dolente;<br> Per me si va nell'etterno dolore; <br> Per me si va tra la perduta gente; <br> giustizia mosse il mio alto fattore: <br> fecemi la divina potestate, <br> la somma sapienza e 'l primo amore; <br> dinanzi a me non fuor cose create <br> se non etterne, e io etterno duro.<br> Lasciate ogne speranza, voi ch'intrate.</p> </body> </html>
Rispondi quotando
