Vertical Separator CSS3

Was looking around the internet trying to find a vertical separator idea using CSS so you wouldn't have to import another flippin' image to my site that had some inset shadows but had no luck.. So i made one! The example below allows you to have an editable css3 vertical separator that looks as if it is embedded into your nav bar for my instance or where ever you would separate a background or something.  Up to you!  Nothing crazy just thought it was weird I couldn't find it easily.  Start separating your hearts out.

http://codepen.io/zachwaggoner/pen/GKqHh