Tailwind align-self center

Tailwind flex align items center

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

Source: tailwindcss.com

Tailwind align-items: center;

	Class			Properties
items-start		align-items: flex-start;
items-end		align-items: flex-end;
items-center	align-items: center;
items-baseline	align-items: baseline;
items-stretch	align-items: stretch;

Tailwind align-self center

<!-- align-self: center -->
<div class="flex ...">
  <div>1</div>
  <div class="self-center">2</div> 
  <!-- ^ center-aligned div -->
  <div>3</div>
</div>

Similar codes

25 votes327 views6 answers
Bootstrap nav
Html
0 vote348 views1 answer
Validate text is html format C#
Html
15 votes338 views3 answers
How to add a link to an image in html
Html
1 vote349 views1 answer
Svg icon not showing html
Html
0 vote361 views3 answers
Tailwind CSS dropdown
Html
9 votes323 views3 answers
Simple html
Html
1 vote327 views1 answer
Markdown new page
Html
0 vote343 views1 answer
Bootstrap 4 form input group
Html
3 votes358 views2 answers
Html dragging get mouse position
Html
0 vote334 views2 answers
How to cover whole webpage by background image in html
Html