Center Text Horizontally And Vertically With Tailwind CSS 3
With tailwind, this will put the content centered in the middle of the page both vertically and horizontally
Code
this is in the middle
(Of course, you'll want to use `className` for something like Nextjs)
Here's an example with three blocks of content stacked over each other with the contents of each centered:
Code
flex flex-col items-center justify-center h-1/6`}
>
Need an idea for a programming project?
Here ya go...
__html: ideasData[ideaIndex] }}
>
> refreshIdea()} =
>
Get another idea
)
}
TODO: Refine that example some