<center>
<iframe width="560" height="315" src="https://www.youtube.com/embed/uInN8LrV-Bc"></iframe>
</center>

<h3 id="heading-using-flexbox"><strong>Using Flexbox</strong></h3>
<pre><code class="lang-css"><span class="hljs-comment">/* Method 1 - Centering DIV using Flexbox */</span>
<span class="hljs-selector-class">.div1</span> <span class="hljs-selector-tag">h1</span>{
    <span class="hljs-attribute">display</span>: flex;
    <span class="hljs-attribute">justify-content</span>: center;
    <span class="hljs-attribute">align-items</span>: center;
    <span class="hljs-attribute">flex-direction</span>: column;
}
</code></pre>
<h3 id="heading-using-grid"><strong>Using Grid</strong></h3>
<pre><code class="lang-css"><span class="hljs-comment">/* Method 2 - Center DIV using Grid */</span>
<span class="hljs-selector-class">.div2</span> <span class="hljs-selector-tag">h1</span>{
    <span class="hljs-attribute">display</span>: grid;
    <span class="hljs-attribute">place-content</span>: center;
}
</code></pre>
<p>So simple 😀</p>
<p>And make sure to center(<code>align-mind: center</code>)😜 your focus towards my <strong><a target="_blank" href="https://www.youtube.com/channel/UCNTKqF1vhFYX_v0ERnUa1RQ">YouTube Channel</a></strong></p>


<center>
<iframe width="560" height="315" src="https://www.youtube.com/embed/uInN8LrV-Bc" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</center>

### **Using Flexbox**
```css
/* Method 1 - Centering DIV using Flexbox */
.div1 h1{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
```

### **Using Grid**
```css
/* Method 2 - Center DIV using Grid */
.div2 h1{
    display: grid;
    place-content: center;
}
```

So simple 😀

And make sure to center(`align-mind: center`)😜 your focus towards my **[YouTube Channel](https://www.youtube.com/channel/UCNTKqF1vhFYX_v0ERnUa1RQ)**



Center Text in just Two Lines of CSS

I am 16 years old and a young passionate and self-taught frontend web developer and have an intention to become a successful developer. I usually write about JavaScript and Web Development.

Dhairya Shah's Blog

Dhairya Shah's Blog

Center Text in just Two Lines of CSS

Using Flexbox

Using Grid