造型悬浮元素css挂在一起

Question

嘿，我正在尝试设计一个元素，但我真的需要你再次帮助！ http://codepen.io/jacobgDK/pen/tGeDF - 样式/跨度需要

谢谢！

html是：

<nav>
    <ul>
        <li> <a href="/index.php"><div> >> Restauranten << </div></a></li> <!-- dispalyed as active -->
        <li><a href="/menuer.php"><div class="span"> >> </div>Menuen<div class="span"> << </div></a></li>
        <li><a href="/indtryk.php"><div class="span"> >> </div>Indtryk<div class="span"> << </div</a>></li>
        <li><a href="/kontakt.php"><div class="span"> >> </div>Kontakt<div class="span"> << </div></a></li>
    </ul>
</nav>

css也在这里：

http://codepen.io/jacobgDK/pen/tGeDF

如果我被卡住或如何完成它，请给出一个提示，我不能等到7小时后才学会它。 ：§

Answer 1

你可以看看这个小提琴：http://jsfiddle.net/2hjv6cyn/ 在这里，我使用before和after选择器。