ul colored square

ul list style, colored square :before

by NobodysFiddle

HTML

<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>

<ul class="list">
<li>Item 01</li>
<li>Item 02</li>
<li>Item 03</li>
</ul>

CSS

.list ul { padding: 0 30px; }

.list li { list-style: none; }

.list li:before {
    font-family: AppleGothic, "Lucida Sans", Impact, Verdana, sans-serif;
    content: 'â– ';
    color: red;
    float: left;
    width: 1em;
    margin: 0em -1.2em;
    font-size: 60%;
}