这种布局怎么实现，求指点?

Question

姓名:张三
     李四
     王二麻

Answer 1

<style>
    * {
        padding: 0;
        margin: 0;
    }
</style>

<div style="display: flex;">
    <div>姓名：</div>
    <div>
        <p>张三</p>
        <p>李四</p>
        <p>王二麻</p>
    </div>
<div>

Answer 2

Answer 3

一般这种可以视为表单的方式，也就是把内容分为 label 和 content
两个内容挨着，可以用float或者flex实现。
右边的内容再容器里向下平铺就可以了。

至于你的第一行加粗，可以分别设置两边的第一个节点，为你的加粗样式，或者统一添加对应的类