Lists: Comma separated > Stacked

by sambaldwin

HTML

<ul>
    <li>List item 1</li>
    <li>List item 2</li>
    <li>List item 3</li>
</ul>

CSS

ul {
    margin:0;
    padding:0;
}

li {
    margin:1em auto;
}

@media only screen and (min-width: 400px) {
   
    li {
        display:inline;
        padding-right:0.3em;
    }
    
    li:after {
        content:",";
}