30 marzo 2008

Testo Flouttante

Ecco un esempio minimale di come si fa ad affiancare del testo tuttintorno ad una box, o a una immagine tramite la proprieta float: left
mentre con la proprieta float: right;
avviene l'esatto contrario.



<html> <head>
<title>Float Left</title>

Questo è il css con la proprietà float che definisce il box a sinistra
mentre il testo gli scorre a destra

<style type="text/css">
.img_box {float: left;}
</style>

</head>
<body>

Titolo di secondo livello <h2>
<h2>Testo Flottuante a sitnistra di una immagine</h2>

Questa è la classe per il box img

<img src="box_model.gif" width="460" height="340" class="img_box" />

<p>Lorem ipsum dolor sit amet,[...... abbreviato] </p>

<p>Lorem ipsum dolor sit amet,[...... abbreviato] </p>


</body>
</html>

Nessun commento: