Inline Bulleted

by Akkuma

HTML

<ul class="inline bulleted">
    <li>Test</li>
    <li>2</li>
    <li>Test</li>
    <li>2</li>
</ul>

CSS

.inline {
    margin-left: 0;
    overflow: hidden;    
}

.inline li {
    float: left;
    margin-top: 0;
    margin-left: 2em;    
} 

.inline li:first-child {
    margin-left: 0;
}

.bulleted {         
    margin-left: 1em;
    
}

.bulleted li { 
    list-style-type: disc; 
    
}

.bulleted li > p {
    font-size: 1em;
    color: @grey;
}