BrowserCode
HTMLCSSJavaScriptTypeScriptPythonTailwind CSSReactBootstrapPHPSQLMongoDBNode.jsSEOTyping Speed
HTMLCSSJavaScriptTypeScriptPythonTailwind CSSReactBootstrapPHPSQLMongoDBNode.jsSEOTyping Speed
Course Navigation
Lesson 21 of 3070%

(Progress persistence is disabled until Phase 9)

Tailwind CSS
Beginner

Align Items

Aligning flex items along the cross axis.

Control alignment on the cross axis.

  • items-start
  • items-center
  • items-end
  • items-baseline
  • items-stretch (default)
<!-- Perfectly Centered Content -->
<div class="flex items-center justify-center h-64 bg-indigo-100">
  <h1 class="text-indigo-600 text-2xl">Perfectly Centered!</h1>
</div>
Try It Yourself

Lesson Progress

Practice This TopicTake QuizBuild a Tailwind CSS Project

Ready to practise?

Apply what you learned with a hands-on challenge.

Practise This Topic
Previous LessonJustify Content
Next LessonGrid Layout