tailwind center

1<div class="flex justify-between ...">

1absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2
2

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

1<div class="flex justify-center ...">
2  <div>1</div>
3  <div>2</div>
4  <div>3</div>
5</div>

1<span class="inline-block align-middle ...">...</span>

1	Class			Properties
2items-start		align-items: flex-start;
3items-end		align-items: flex-end;
4items-center	align-items: center;
5items-baseline	align-items: baseline;
6items-stretch	align-items: stretch;