如何使父节点出现在2个子节点的中间，而不考虑金字塔级别？

Question

此标记：

 <ul>
       <li>
        <a href="#">root</a>
        <ul>
           <li>
           <a href="#">root</a>
           <ul>
               <li>
                 <a href="#">child 1</a>
               </li>
               <li>
                 <a href="#">child 2</a>
               </li>
           </ul>
           </li>
        </ul>
       </li>
    </ul>

对此：

                  ________  
                 |        | 
                 |  test1 | 
                 |________| 
       ________              ________
      |        |            |        |
      |  test2 |            |  test3 |
      |________|            |________|
 ________   ________   ________   ________
|        | |        | |        | |        |
|  test4 | |  test5 | |  test6 | |  test7 |
|________| |________| |________| |________|

我有一个创建上述标记的php脚本，问题是如何使父节点出现在2个子节点的中间而不管金字塔级别？

Answer 1

使用表格设计......自己设计第三行

  <table align="center">
      <tr margin-left="10px">
        <td></td>
        <td>
          <a href="#">root</a>
        </td>
      </tr>
      <tr>
        <td>
          <a href="#">root</a>
        </td>
        <td></td>
        <td>
          <a href="#">root</a>
        </td>
      </tr>
    </table>

请参阅此example