Text zwischen den einzelnen Menüpunkten

Hallo,

ich arbeite mich seit rund 4 Tagen in Wordpress ein. Jetzt bin ich doch auf ein Problem gestoßen, für das ich keine Lösung finde.
Ich habe mein Menü mit

<?php wp_nav_menu( array( 'theme_location' => 'secondary' ) ); ?>

in das Template eingebaut.
Mit CSS
#menu-topmenu li{
list-style:none;
float:left;
}
#menu-topmenu li a{
text-decoration:none;
color:#000;
}
habe ich es in diese Form gebracht:
Menüunkt1Menüpunkt2Menüpunkt3

Ich möchte aber, dass meine Menü so aussieht:
Menüunkt1 | Menüpunkt2 | Menüpunkt3

Könnt ihr mir helfen?

Ja dann habe ich aber vor bzw nach jeden li ein ' | '
Mit:
#menu-topmenu li::after{
content: ' | ';
}
sieht es natürlich so aus:
Menüunkt1 |Menüpunkt2 |Menüpunkt3 |

Wie bekomme ich die letzte Pipe weg und ein zusätzliches Leerzeichen nach der Pipe rein?