Ciao a tutti!
Può sembrare banale, ma purtroppo non riesco ad allineare il paragrafo sotto all'h2.
Posto il codice:
codice 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>
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... Aiuto