Tentando incluir uma caixa abaixo de Director e Administration e pai dos departamentos. Gente, já tentei entender isso item por item , mas não consegui. Podem me ajudar. É um excelente exercício de css. Achando bem difícil
Outro problema gostaria de incluir apenas 4 departamentos e não 5. Como diminuo a barra?
Código Css em : ( não cabe aqui) https://gist.github.com/falkstroem/9827860
<body>
<div class="content">
<h1>Responsive Organization Chart</h1>
<figure class="org-chart cf">
<ul class="administration">
<li>
<ul class="director">
<li><a href="#"><span>Director</span></a> /* Director */
<ul class="subdirector"></ul>
<ul class="departments cf">
<li><a href="#"><span>Administration</span></a></li> /*Administration*/
<li class="department dep-a"><a href="#"><span>Department A</span></a></li>
<li class="department dep-b"><a href="#"><span>Department B</span></a></li>
<li class="department dep-c"><a href="#"><span>Department C</span></a> </li>
<li class="department dep-d"><a href="#"><span>Department D</span></a></li>
<li class="department dep-e"><a href="#"><span>Department E</span></a> </li>
</ul>
</li>
</ul>
</li>
</ul>
</figure>
</div>
</body>