Lists with different "markers"
Content defined in CSS
An unordered list controlled by CSS, using "li:before" and "content" property.
Note that the content property value is the CSS-code for the
Unicode basketball symbol
- Unicode — 🏀 U+1F3C0
- HTML — 🏀
- CSS — \1F3C0
Example
4.6 - List with unicode symbol before - Example 4.6
<strong>Winningest Active Coaches, Division I NCAA Men's Basketball </strong>
<ul class="bball">
<li>Mark Few
</li>
<li>Chris Jans
</li>
<li>Bill Self
</li>
<li>Mike Krzyzewski
</li>
<li>John Calipari
</li>
<li>Brian Dutcher
</li>
<li>Eric Musselman
</li>
<li>Bruce Pearl
</li>
<li>Tony Bennett
</li>
<li>Tom Izzo
</li> </ul> In style
element
(<style>) within head element:
ul.bball { list-style: none; }
ul.bball li:before {
content: '\1F3C0 ';
}Winningest Active Coaches, Division I NCAA Men's Basketball
- Mark Few
- Chris Jans
- Bill Self
- Mike Krzyzewski
- John Calipari
- Brian Dutcher
- Eric Musselman
- Bruce Pearl
- Tony Bennett
- Tom Izzo