CodePen Embed - ionicons HTML CSS Result Skip Results Iframe EDIT ON < head > < l...
<head><link rel="stylesheet" type="text/css" href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
</head>
<body>
<span style="font-size: 2em"><i class="ion-social-sass"></i> ionicons</span>
<div class="css-content">
<ul>
<li> Sub Item 1</li>
<li> Sub Item 1</li>
<li> Sub Item 1</li>
</ul>
</div>
<div class="css-content-2">
<ul>
<li>Sub Item 1 </li>
<li>Sub Item 1 </li>
<li>Sub Item 1 </li>
</ul>
</div>
</body>
.css-content,.css-content-2{font-size: 1.5em}
.css-content ul,.css-content-2 ul{list-style: none}
.css-content ul li:before{content: "\f13a";font-family: "ionicons"}
.css-content-2 ul li:after{content: "\f2fc";font-family: "ionicons"}
External CSS
This Pen doesn't use any external CSS resources.
External JavaScript
This Pen doesn't use any external JavaScript resources.