I've got an unordered [inline] list of links that wraps across two lines:
<ul>
<li><a href="http://google.com">Harvard Medical School</a></li>
<li><a href="http://google.com">Harvard College</a></li>
...
</ul>
I add the dot separator via a CSS pseudo-element:
#widget-links li { display: inline; }
#widget-links li:after { content: " 0b7"; }
Unfortunately, the separator appears after the last element on each line. With just one line, I'd simply grab :last-child
and remove the psuedo-element.
Any nifty tricks to hide that last dot with more than one line? I'm open to weird CSS, or JavaScript if absolutely necessary.
See Question&Answers more detail:os