html 列表如图怎么合并到一起

我的代码

<!DOCTYPE html>
<html>
    <head>
        <title>简历</title>
    </head>
    <style>
    dd{float: left;
    </style>
    dt{float: left;
    </style>
    <body>
        <h1>简历</h1>
        <h2>基本信息</h2>
        <dl>
            <dt>姓名</dt> <dd>张三</dd>  <dt>性别</dt> <dd>男</dd> <dt>应聘职位</dt> <dd>前端工程师</dd>
        </dl>
        <h2>联系方式</h2>
        <h2>能力描述</h2>
        <h2>教育经历</h2>
        <h2>项目经历</h2>

    </body>
</h![图片说明](https://img-ask.csdn.net/upload/201909/08/1567937445_335633.png)
tml>
</style>多了一个也需要去掉,

dt改成dd, 可以用下面修改后的试试,本地测试ok。


<!DOCTYPE html>
<html>
    <head>
        <title>简历</title>
    </head>
    <style>
    dd{float: left;
    dt{float: left;
    </style>
    <body>
        <h1>简历</h1>
        <h2>基本信息</h2>
        <dl>
            <dd>姓名</dd> <dd>张三</dd>  <dd>性别</dd> <dd>男</dd> <dd>应聘职位</dd><dd>前端工程师</dd>
        </dl>
        <br>
        <h2>联系方式</h2>
        <h2>能力描述</h2>
        <h2>教育经历</h2>
        <h2>项目经历</h2>
    </body>
<html>