как центрировать две строки внутри столбца, используя css?

Question

привет, извините, если это основной c вопрос, у меня есть 3 столбца с использованием bootstrap, а изображение ниже - это второй столбец, который я пытаюсь центрировать эти две строки по середине div (или 2-й столбец) или сделать высоту 2-го столбца зависимой, как я могу сделать это с помощью CSS?

Answer 1

Проверьте это.

.container {
  display: flex; /* or inline-flex */
  width: 25rem;
  height: 25rem;
  background: grey;
  align-items: center;
  flex-direction: column;
}

.column {
  border: 1px solid black;
  width: 60%;
  height: 3rem;
  background: white;
  margin: 0.5rem;
}

<div class="container">
  <div class="column"></div>
  <div class="column"></div>
</div>