49_centering.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Centering an element</title>
    <style>
        .container{
            text-align: center;
        }
        h1{
            width:20%;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <div class="container">
        <h1>Sasidharan K</h1>
        <p>I am a Programmer</p>
    </div>
</body>
</html>

<!-- 
Note: We can center all elements inside a ‘div’ by using “text-align: center”. But if that element has a width, then the “center” wont work. To make it work, we can either make the element “inline-block” or setting its “margin: 0 auto”.

 -->