tailwind css position center code example

Example 1: tailwind flex align items center

<div class="flex items-center ...">
  <div>1</div>
  <div>2</div>
  <div>3</div>
</div>

Example 2: vertical align span tailwindscss

<span class="inline-block align-middle ...">...</span>

Example 3: float center tailwind

absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2

Example 4: tailwind absolute center

absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2