Center Element (use Flex)
<pre><code class="lang-javascript">&lt;div className="flex justify-center items-center"&gt;
&lt;div&gt;Center&lt;/div&gt;
&lt;/div&gt;
</code></pre>
Center Position (use Absolute)
<pre><code class="lang-javascript">&lt;div className="relative"&gt;
&lt;div&gt;
&lt;Icon /&gt;
&lt;/div&gt;
&lt;div
 className={`absolute top-0 left-0 right-0 bottom-0 text-center content-center`}
&gt;Center&lt;/div&gt;
&lt;/div&gt;
</code></pre>
Center Text (use Text Format)
<pre><code class="lang-javascript">&lt;span className={`text-center content-center`}&gt; Center&lt;/span&gt;
</code></pre>

**Center Element** (use Flex)

```javascript
<div className="flex justify-center items-center">
<div>Center</div>
</div>
```

**Center Position** (use Absolute)

```javascript
<div className="relative">
<div>
<Icon />
</div>
<div
 className={`absolute top-0 left-0 right-0 bottom-0 text-center content-center`}
>Center</div>
</div>
```

**Center Text** (use Text Format)

```javascript
 Center
```

Make center Text for horizontal and vertical in Tailwind Nextjs

I am an enthusiastic researcher and developer with a passion for using technology to innovate in business and education.


Berbagi ilmu dan informasi seputar dunia teknologi dan pemrograman terkini. Di sini, Anda dapat menemukan berbagai artikel, tutorial, dan berita terbaru tentang berbagai topik

Ariska Hidayat

Ariska Hidayat

Make center Text for horizontal and vertical in Tailwind Nextjs