выравнивая три абзаца по вертикали - PullRequest
Новая
       29

выравнивая три абзаца по вертикали

0 голосов
/ 03 апреля 2020

Я пытаюсь выровнять три абзаца по вертикали - один сверху, один посередине, а другой снизу, используя justify-content и align-items. Обратите внимание, что три абзаца находятся в теге div. как это сделать? Я пытаюсь сделать это как можно более коротким.

1 Ответ

2 голосов
/ 03 апреля 2020

Вы можете сделать div flex: https://codepen.io/hans-felix/pen/MWwdawm

.box {
  background: yellow;
  height: 500px;
  width: 500px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}


<div class="box">
  <p class="top">Lorem Ipsum ...</p>

   <p class="middle">Lorem Ipsum ...</p>

   <p class="bottom">Lorem Ipsum ...</p>
</div>
...