html - 在同一行显示标签

Question

我有这个 HTML 代码

<div style="display:inline" >
    <div>
        <label>NOM:</label>
    </div>
    <div>
        <label>Ben felten</label>
    </div>
</div>

我得到了这个结果:

我需要更改我的代码以获得这样的结果:

我需要在同一行中显示两个标签，并且每个 div(每个 label 的父级)的宽度为页面宽度的 50%。

1. 如何更改我的代码片段以执行此操作？

谢谢

Answer 1

尝试这样的事情:

  <div style="display:inline" >
        <div style="float: left; width: 50%;">
            <label>NOM:</label>
        </div>
        <div style="float: left; width: 50%;">
            <label>Ben felten</label>
        </div>
    </div>