Plantilla:Clear/doc

Descripción

Esta plantilla te permite limpiar el lado izquierdo, derecho o ambos lados de una página. Limpiar quiere decir que el contenido que sigue a la plantilla no se mostrará el contenido existente en el lado especificado (por ejemplo las imágenes de ese lado o los bloques de texto). Esta plantilla se usa a menudo para hacer que el texto no flote alrededor de las imágenes.

La plantilla añade el siguiente código a la página: <div style="clear:left/right/both;"></div> (el valor después de clear depende del parámetro). Este código afecta a elementos con la propiedad CSS float, incluyendo archivos que floten a un lado (por ejemplo [[Archivo:Imagen.png|right]]).

Sintaxis

• Para limpiar ambos lados de la página añade el código {{Clear}}.
• Para limpiar el lado izquierdo de la página añade el código {{Clear|<left>}} o {{Clear|<izquierda>}}.
• Para limpiar el lado derecho de la página añade el código {{Clear|<right>}} o {{Clear|<derecha>}}.

Tamién puedes usar {{-}} en lugar de {{Clear}} como atajo de esta plantilla.

Ejemplo

=== Sección 1 ===
[[Archivo:Ejemplo.jpg|200px|right]]
Texto de la sección 1.

=== Sección 2 ===
Texto de la sección 2.
{{Clear|derecha}}

=== Sección 3 ===
Texto de la sección 3.

Este código produce el siguiente resultado:

---

Sección 1

Archivo:Ejemplo.jpg

Texto de la sección 1.

Sección 2

Texto de la sección 2.

Sección 3

Texto de la sección 3.

---

Como puedes ver arriba, la imagen de ejemplo añadida en la sección 1 se muestra a la derecha y se extiende por la sección 2, en el momento en que la plantilla {{Clear}} se invoca al final de la sección segunda, la imagen ya no se extiende hasta la sección 3. Por tanto uno de los usos de {{Clear}} es controlar los elementos que se muestra a continuación de otros elementos.

Ver también

• Propiedad CSS clear en MDN
• Propiedad CSS float en MDN