En este artículo, aprenderemos cómo alinear un conjunto de elementos a su valor predeterminado en CSS.
Enfoque: la propiedad align-items se usa para establecer la alineación de los elementos dentro del contenedor flexible o en la ventana dada. Toma valor. El valor inicial se utiliza para establecer el valor de esta propiedad en el valor predeterminado. Entonces establecemos el valor de la propiedad align-items en initial.
Sintaxis:
align-items : initial;
Ejemplo :
HTML
<!DOCTYPE html>
<html>
<head>
<style>
.gfg {
font-size: 30px;
width: 320px;
height: 200px;
border: 2px solid black;
display: flex-end;
align-items: initial;
}
</style>
</head>
<body>
<center>
<h1 style="color:green;">GeeksforGeeks</h1>
<div class="gfg">
<div style="background-color:green;">
Green
</div>
<div style="background-color:Yellow;">
Yellow
</div>
</div>
</center>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por nikhilchhipa9 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA