How to apply css to wrapped elements

HTML & CSS
1

On this site: http://www.daytondentalonline.com/

Scroll to the bottom of the page and you can see that the site menu has wrapped and the border-left being used as a separator looks odd when it appears on the first element after the wrap.

I highly doubt it, but does CSS3 have a means of applying style to that element by virtue of its wrap condition?

Assuming it does not, what are some strategies for mitigating the issue?

2

A simple solution would be to put the divider at the end of each link, rather than at the start. Then just put a special class on the last item to remove the line from that one … or use last-child instead, if those links are likely to change.

Also, you could apply


a {white-space:nowrap;}

to stop the links breking in half and wrapping.