CSS-de align-items aýratynyň center bahasy

center bahasy elementleri goşmaça ok boýunça merkeze çekmäge mümkinçilik berýär:

css.parent {
  display: flex;
  flex-direction: row;
  align-items: center; /* goşmaça ok boýunça merkeze çekýäris */
}

Kodyň netijesi:

Задание 1

Sahypany şu nusga boýunça gaýtalaň:

Задание 2

Sahypany şu nusga boýunça gaýtalaň:

Задание 3

Sahypany şu nusga boýunça gaýtalaň:

Задание 4

Sahypany şu nusga boýunça gaýtalaň:

Задание 5

Sahypany şu nusga boýunça gaýtalaň:

Задание 6

Sahypany şu nusga boýunça gaýtalaň: