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

0 vote282 views2 answers
How to write text on video in html
Html
0 vote256 views1 answer
Random number generator html script
Html
1 vote252 views2 answers
How to refer to external style sheet
Html
0 vote273 views1 answer
Center class in html
Html
1 vote252 views1 answer
Dont follow link html
Html
1 vote273 views2 answers
Put space between text html
Html
0 vote239 views1 answer
Jquery set disabled
Html
0 vote270 views1 answer
Html autoplay loop many videos
Html
0 vote278 views2 answers
Html checkboxfor is not visible
Html
4 votes264 views1 answer
How to insert degree symbol in html
Html