Nav Lis and inline whitespace

by web5me

HTML

<nav>
    <ul>
        <li>Home<b>|</b></li>
        <li>Foo<b>|</b></li>
        <li>Bar</li>
    </ul>
</nav>

CSS

nav ul { font-size: 20px; }
nav li {
    display: inline-block;
    list-style: none;
    xborder: 1px solid grey;
    xbackground-color: pink;
    
}