Contadores

El posicionamiento es un poco distinto al resto. Para empezar, no se define con la propiedad position, si no con la propiedad float. Puede tomar estos valores:
* left : flotante a la izquierda(float: left;).
* right : flotante a la derecha (float: right;).
* none : sin flotante.
En Dreamweaver, encontramos esta propiedad junto a las propiedades de Cuadro:

Lo que hace esteposicionamiento es desplazar el elemento todo lo que pueda hacia la dirección indicada, hasta encontrar el límite del elemento contenedor, u otro elemento también flotante. Además hace que todos loselementos fluyan alrededor de él.
Es muy común utilizarlo en imágenes, para que el texto fluya alrededor de ellas. En el siguiente ejemplo, todas las cajas contienen un párrafo con una imagen alprincipio (<p><img /> Texto</p>). Sólo cambia el float de la imagen.
 Normal. La imagen queda en la posición inicial, aumentando el alto de la línea, y no aparecen varias líneas detexto junto a la imagen.
Derecha. La imagen está en la misma posición, pero con un float: right;. Esto permite que aparezcan varias líneas de texto junto a la imagen, y cuando llegue al final, quecontinúe por debajo, rebasando la imagen. Así, la imagen se integra mejor en el documento.
Izquierda. La imagen está en la misma posición, pero con un float: left;. Esto permite que aparezcan variaslíneas de texto junto a la imagen, y cuando llegue al final, que continúe por debajo, rebasando la imagen. Así, la imagen se integra mejor en el documento.
Observa que el texto puede quedardemasiado pegado a la imagen. Para solucionarlo, no hay más que aplicar un pequeño margin a la imagen, hacia el lado que está el texto.
Existen algunos inconvenientes al utilizar el posicionamientoflotante. Un elemento que contiene a otro flotante, no lo tiene en cuenta para su tamaño a lo alto. Por ejemplo, el siguiente párrafo tiene un borde, y vemos que si la imagen es flotante, "se sale"....