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 vote173 views1 answer
How to stop marquee text in html when you hover over it
Html
0 vote182 views1 answer
Typo3 typoscript page uid to body tag
Html
17 votes168 views2 answers
Navbar bootstrap 4 with dropdown
Html
15 votes170 views2 answers
Bootstrap 5 accordion
Html
26 votes186 views4 answers
Online html editor
Html
11 votes201 views1 answer
How do you code an image in html
Html
4 votes241 views3 answers
Bootstrap 5 include in html
Html
8 votes170 views1 answer
How do i set a pdf to be download link in html
Html
0 vote166 views1 answer
Js download html
Html
3 votes164 views3 answers
Html align right
Html