# Make center Text for horizontal and vertical in Tailwind Nextjs

**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
<span  className={`text-center content-center`}> Center</span>
```