便乗質問で似たようなことで困っててこれで上下にずれるのってなんで？
あとmargin0でwidth 1/3 にしてるのに2行になる

float使えばきれいに並ぶんだけどflexはいまだに意味わからんことが多いわ


CSS:

div {
width: calc(100%/3);
height: 5em;
display: inline-flex;
justify-content: center;
align-items: center;
text-align: center;

background-color:#eef;
}


HTML:

<div>テスト</div>
<div>テスト<br>テスト</div>
<div>テスト</div>