title: How to create lines to seperate the items in the menu?
body: <p>I would like to create 3 white lines, each individually to seperate "home", "about me" and "What I love" in the menu-bar. I have already created the lines for the border, but I am finding it hard to seperate the items itself with 1px solid white. Any help would be appreciated. Thanks.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;link rel="stylesheet" type="text/css" href="style.css"&gt;
  &lt;title&gt;It's all about me!&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;header&gt;
    &lt;img src="me.jpg" alt="devon"&gt;
  &lt;/div&gt;
  &lt;h1&gt;Ben's blog&lt;/h1&gt;
  &lt;div class="grow"&gt;
  &lt;ul&gt;
    &lt;li&gt;&lt;a href="index.html"&gt;Home&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="aboutme.html"&gt;About me&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;What I love&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  &lt;/header&gt;
  &lt;/body&gt;
  &lt;/html&gt;
             ------------------(CSS below, in another file)-------------------------
  body {
      background-image: url(background.jpg);
  }
  
  
  header {
      text-align: center;
      color: white;
  }
  img {
      border: 7px solid white;
      border-radius: 15px;
  
  }
  
  a {
      color: white;
      text-decoration: none;
      font-weight: bold;
  }
  ul {
      padding: 10px;
      background: black;
      border-right: 1px solid white;
      border-left: 1px solid white;
  
  
  }
  
  li {
      display: inline;
      padding: 0px 15px 0px 15px;
  }
  
  .grow {
    display: inline-block;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  }
  
  .grow:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  </code></pre>