Skip to content
Related Articles

Related Articles

Improve Article

How to align item set to its default value in CSS ?

  • Last Updated : 03 Jun, 2021

In this article, we will learn how to align an item set to its default value in CSS.

Approach: The align-items property is used to set the alignment of items inside the flexible container or in the given window. It takes value. The initial value is used to set this property value to default value. So we set align-items property value to initial.

Syntax:

align-items : initial;

Example :

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>

Output:

My Personal Notes arrow_drop_up
Recommended Articles
Page :