Pure CSS info icon

by zaknotzak

HTML

<ul class="doc">
    <li>Documentation #1</li>
    <li>Documentation #2</li>
    <li>Documentation #3</li>
    <li>Documentation #4</li>
    <li>Documentation #5</li>
    <li>Documentation #6</li>
    <li>Documentation #7</li>
</ul>

CSS

.doc li:before {
    content: "i";
    margin-right: 4px;
    width: 15px;
    height: 15px; 
    display: inline-block;
    font: italic 13px "Times";
    border-radius: 7px;
    background: #375A91;
    color: #fff;
    text-indent: 5px;
}