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

57 votes135 views2 answers
Dot select html
Html
53 votes119 views5 answers
Bootstrap display none
Html
1 vote133 views1 answer
How to check where was the changes in a perticuler commit git
Html
1 vote337 views1 answer
How to set background image for web page in html local image
Html
48 votes167 views4 answers
Favicon htmk
Html
0 vote122 views1 answer
Rotate gradient css
Html
44 votes131 views5 answers
Onclick button href
Html
3 votes168 views2 answers
Insert text html
Html
18 votes135 views5 answers
Bootstrap 5 modal
Html
3 votes142 views6 answers
Https://www.codegrepper.com
Html