我们是否应将div垂直划分为带线和无表结构？

Question

我是Asp.net MVC的新手。我正在学生管理系统上做我的项目。在这个项目中，我需要用分割的表格显示学生的最终成绩。因此，我无法显示结果。

我的实际结果是这张图片：

我正在尝试以下代码：

<div>25<hr>30</div>

我将得到以下结果：

Answer 1

向div添加style="display: inline-block;"，它将起作用。

Answer 2

.result {
    list-style: none;
    font-size: 45px;
    font-weight: 600;
}
.result li:first-child {
    border-bottom: 4px solid;
    width: fit-content;
    line-height: 0.9;
}

<div class="result"><li>25</li><li>30</li></div>

Answer 3

最终答案是

then