html网页组织结构,使用HTML和CSS编码创建组织结构图

我是这里的新手，我想寻求帮助来生成此组织结构图，如下图所示，使用HTML和CSS。我已经尝试了几天，但仍然无法制作下图所示的组织结构图。

这是我的编码。这是我第一次尝试使用编码制作组织结构图。我仍然找不到解决方法。

Untitled Document

.jobtitlemain {

position:relative;

width:200px;

height:100px;

line-height:40px;

border:2px solid #000;

margin-bottom:50px;

text-align:center;

margin-left:auto;

margin-right:auto;

}

.jobtitle {

position:absolute;

width:100px;

height:40px;

line-height:40px;

border:2px solid #000;

margin-bottom:50px;

text-align:center;

}

.toplevel {

position:relative;

width:550px;

height:150px;

border:2px solid #000;

border-bottom:none;

margin-left:auto;

<