HTML Div内容彼此下方

我有一个非常简单的问题，我不明白为什么会发生这种情况。2个

标记需要位于彼此下方，但它们彼此相邻。我已经尝试将宽度设置为100%，但仍然没有成功。我希望标题和值位于中间，但标题需要使用30%的高度和70%的高度值。我怎样才能解决这个问题

.activity-24h.stat帧{
位置：相对位置；
宽度：计算值（100%/5-（4*2px））；
显示器：flex；
证明内容：中心；
}
.活动-24小时统计框架标题{
颜色：#000000；
字体大小：20px；
字体大小：粗体；
填充：10px；
宽度：100%；
身高：30%；
}
.活动-24小时统计帧值{
颜色：#d81e05；
字号：28px；
字体大小：粗体；
宽度：100%；
身高：70%；
}

格布鲁伊克斯酒店
1054

试试这个：

<div class="stat-frame">
    <span class="stat-frame-title">Actieve gebruikers</span>
<br/>
    <span class="stat-frame-value">1054</span>
</div>

并将其用作：

<div class="stat-frame">
    <span class="stat-frame-title className">Actieve gebruikers</span>
<br/>
    <span class="stat-frame-value">1054</span>
</div>

格布鲁伊克斯酒店


1054

试试这个：

<div class="stat-frame">
    <span class="stat-frame-title">Actieve gebruikers</span>
<br/>
    <span class="stat-frame-value">1054</span>
</div>

并将其用作：

<div class="stat-frame">
    <span class="stat-frame-title className">Actieve gebruikers</span>
<br/>
    <span class="stat-frame-value">1054</span>
</div>

格布鲁伊克斯酒店


1054

默认情况下，内联元素中的标记：

---

要使一个元素占据整行，可以使用

display:block，或者只需将跨距更改为divs，默认情况下，在内联元素中添加标记：

要使一个元素占据整行，可以使用
display:block
，或者只需将跨距更改为div
尝试
.stat frame
包装器上的
弹性方向：列
。
尝试
.stat frame
包装器上的
弹性方向：列
。
跨距是内联元素，将尽量只占用所需的空间，不会导致断线

div是试图占据整行的块元素

如果将跨距更改为div，它们将堆叠在一起，并且每个跨距都位于各自的直线上

跨距是内联图元，将尽量只占用所需的空间，不会导致断线

div是试图占据整行的块元素

如果将跨距更改为div，它们将堆叠在一起，并且每个跨距都位于各自的直线上

有没有可能，你在用bootstrap？没有，我没有用那个？有没有可能，你在用bootstrap？没有，我没有用那个？