La propiedad clear se usa para especificar qué lado de los elementos flotantes no pueden flotar. Establece o devuelve la posición del elemento en relación con la flotación de los objetos.
El «claro: ambos» significa que los elementos flotantes no pueden flotar en ambos lados. Se usa cuando no es necesario que ningún elemento flote en el lado izquierdo y derecho en relación con el elemento especificado y desea que el siguiente elemento solo se muestre a continuación. También indica que ningún otro elemento ocupa espacio en el lado izquierdo y derecho.
Sintaxis:
clear:both;
Ejemplo:
<!DOCTYPE html>
<html>
<head>
<style>
div {
width:100px;
height:100px;
background-color:green;
color:white;
font-weight:bold;
font-size:25px;
text-align:center;
float: left;
padding:15px;
}
p.GFG {
clear: both;
}
h1 {
color:green;
text-align:center;
}
</style>
</head>
<body>
<h1>GeeksForGeeks</h1>
<h1>clear:both;</h1>
<div><pre>GFG</pre></div>
<p>GeeksforGeeks: A computer science portal for geeks</p>
<p class="GFG">GeeksforGeeks</P>
</body>
</html>
Producción:
Navegadores compatibles: los navegadores compatibles se enumeran a continuación:
- Google Chrome
- explorador de Internet
- Firefox
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA