Consideriamo questo .css:
#sx{
float:left;
}
#dx{
}
E i seguenti due spezzoni di codice HTML:
1-)
<div id="sx">
<p>Sinisttrs</p>
</div>
<div id="dx">
<p>destra</p>
</div>
2-)
<div id="sx">
Sinistra
</div>
<div id="dx">
destra
</div>
Per quale motivo nel secondo caso le scritte "Sinistra" e "Destra" mi vengono affiancate ed allineate (come desidero) mentre nel primo caso la scritta "destra" viene sfalsata ?
Credo che sia dovuto al tag <p>, ma per quale motivazione ?
Come posso rimediare ?
Ecco come rimediarecodice:<!doctype html> <html> <head> <meta charset="utf-8"> <title>Documento senza titolo</title> <style> #sx{ float:left; } p { margin: 0; } </style> </head> <body> <div id="sx"> <p>Sinisttrs</p> </div> <div id="dx"> <p>destra</p> </div> <div id="sx"> Sinistra </div> <div id="dx"> destra </div> </body> </html>
“Che le cose siano cosi, non vuol dire che debbano andare così. Solo che quando si tratta di rimboccarsi le maniche e incominciare a cambiare, vi è un prezzo da pagare. Ed è allora che la stragrande maggioranza preferisce lamentarsi più che fare”.
Giovanni Falcone
Thank you very much.... ma a cosa è dovuto questo comportamento anomalo ?Originariamente inviata da carlomarangoni
Al fatto che il tag <p> ha di defoult dei margini e un'interlinea
“Che le cose siano cosi, non vuol dire che debbano andare così. Solo che quando si tratta di rimboccarsi le maniche e incominciare a cambiare, vi è un prezzo da pagare. Ed è allora che la stragrande maggioranza preferisce lamentarsi più che fare”.
Giovanni Falcone
Permessi di invio
Rispondi quotando