En este artículo, aprenderemos cómo evitar que un elemento flote a los lados de un elemento de párrafo en CSS. La propiedad clear se usa para controlar que un elemento flote a los lados de un párrafo.
Enfoque: La propiedad clear se usa para controlar que un elemento flote a los lados de un párrafo. Toma la dirección a partir de la cual queremos evitar que un elemento flote como: izquierda, derecha, arriba, abajo y ambas. Por lo tanto, fije un valor claro en ambos para evitar que un elemento flote a los lados de un párrafo.
Sintaxis:
clear: none|left|right|both|initial;
Ejemplo:
HTML
<!DOCTYPE html>
<html>
<head>
<style>
img {
float: left;
}
p{
font-size: 30px;
}
p.gfg {
clear: top;
}
</style>
</head>
<body>
<img src="gfg_stiker.png" width="100" height="150">
<p>The image is flotted to the side of this paragraph.</p>
<p class="gfg">
Now image is not gonna be flotted on the
sides of this paragraph.
</p>
</body>
</html>
Producción:
-
Antes de aplicar la propiedad clara:
-
Después de aplicar la propiedad clara:
Publicación traducida automáticamente
Artículo escrito por nikhilchhipa9 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA