Список, разделенный линиями

Исходный код:

<style type="text/css">
ul.line-separated{
    background-color: blue;
    padding: 0;
    margin-left: 1em;
    color:#383838;
    }
ul.line-separated li{
    background-color: white;
    margin: 1px 0 0 0;
    padding: 0;
    list-style-type: none;
    }
</style>
<ul class="line-separated">
    <li>пункт 1</li>
    <li>пункт 2</li>
    <li>пункт 3</li>
</ul>

Как это выглядит:

• пункт 1
• пункт 2
• пункт 3

Оригинальная статья на artlebedev.ru