Как мне выравнивать блоки по вертикали?

Question

[zeni1agent]

Я хочу получить что то похожие на это

Но проблема в том что у всех блоков только один общий див
И разделить их нельзя

<div class="block">
<a class="test1">TITLE</a>
<a class="test2">textvxc</a>
<a class="test3">text fgt</a>
<a class="test4">textvvvvvvvvvvvvvvvvv</a>
<a class="test5">TITLE 2</a>
<a class="test6">text sssssssssssssssssssssss</a>
<a class="test7">text dsf</a>
<a class="test8">text tvb</a>
</div>

Можно ли добиться такого же эффекта с помощью css

Answer 1

[Иван Иванов]

Можно попробовать так:

.block{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  max-height: 300px;
  padding: 0;
}

.block a{
	width: 33%;
  height: 100px;
  background: red;
  background-clip: content-box;
  padding: 10px;
  list-style: none;

}