Tree List

dabblet.css

/**
 * Tree List
 */

 nav{ font: 120%/1.5 sans-serif; }


 nav ul { -webkit-padding-start: 15px; list-style:none; }
 nav li { line-height: 1.5em; -webkit-padding-start: 0.8em; display:list-item; }
 nav li:before { content: "» "; color: lightblue; font-size: 1.1em; margin-top: -5px; margin-right: 5px; vertical-align: middle; display: inline-block;}

dabblet.html

<nav class="category_tree">
   <ul>
   	<li><a href="#">Level 1</a>
   	<li class="active"><a href="#">Level 1</a>
   		<ul>
   		   <li class="active"><a href="#">Level 2</a>
   		   	<ul>
   		   	    <li class="active"><a href="#">Level 3</a>
   		   	</ul>
   		</ul>
   	<li><a href="#">Level 1</a>	   
   </ul>
</nav>

settings.json

{"view":"split","prefixfree":"1","page":"html"}