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 vote141 views1 answer
Svelte if in html attribute
Html
25 votes105 views6 answers
Navbar bootstrap
Html
0 vote136 views2 answers
Space between 2 h tags without break
Html
0 vote109 views1 answer
Pt serif
Html
0 vote115 views2 answers
How to iterate map in html
Html
0 vote141 views1 answer
How to use h1 tag
Html
1 vote110 views1 answer
Html pallete
Html
4 votes114 views1 answer
Where to use .target command in html
Html
1 vote124 views2 answers
How to create a html tag
Html
22 votes136 views3 answers
Sample text
Html