CSS: последний элемент в строке

У меня есть неупорядоченный [встроенный] список ссылок, который занимает две строки:

<ul>
    <li><a href="http://google.com">Harvard Medical School</a></li>
    <li><a href="http://google.com">Harvard College</a></li>
    ...
</ul>

Я добавляю разделитель точек с помощью псевдоэлемента CSS:

#widget-links li { display: inline; }
#widget-links li:after { content: " \00b7"; }

К сожалению, разделитель появляется после последнего элемента в каждой строке. Всего одной строкой я бы просто взял :last-childи удалил псевдоэлемент.

Любые изящные приемы, чтобы скрыть эту последнюю точку более чем одной строкой? Я открыт для странного CSS или JavaScript, если это абсолютно необходимо.