Как сделать родительский узел появляться в середине 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