非嵌套div位置

Question

如何像组织结构图一样定位块？例如，苏珊排在第一位，Joe＆amp; Rob在第二行等。我是否必须为每个元素定义一个类并定义像secondlevel1 {position：absolute; left：100px}等的位置。由于我不在这里有父子div，我不确定如何定位元素。

＆＃13;

＆＃13;

.EmployeeInfo{
 width:120px;
height:20px;
border:2px solid #000;
  text-align:center;
}

＆＃13;

<div class="EmployeeInfo secondlevel1">Joe</div>
<div class="EmployeeInfo">David</div>
<div class="EmployeeInfo">Amy</div>
<div class="EmployeeInfo">Paul</div>
<div class="EmployeeInfo toplevel">Susan</div>
<div class="EmployeeInfo secondlevel2">Rob</div>

＆＃13;

＆＃13;

＆＃13;