title: Justify-Center not in center position
body: <p>I want the titles to match in the center of the batch. The title of the page is shown correctly, the breadcrumb is not. It is slightly off center to the right.</p>
  <p>It obviously counts a padding or margin where there isn't any.</p>
  <p>What did I do wrong here?</p>
  <p>I just seem not to be able to figure ist all out.</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>body {
    overflow: auto;
    margin: 0px;
    padding: 0px;
    }
    
     #page {
       position: relative;
       display: block;
       width: 950px;
       margin: auto;
       background: #fbfbfb;
       }
  
       #breadcrumb {
         display: block;
         position: relative;
         padding: 30px 0 0 0;
         }
  
       #breadcrumb li {
          margin-left: 15px;     
          }
  
       #breadcrumb ul { 
         margin: 0px;
  /* Ungenauigkeit entsteht durch justify-content, aber warum? */
         display: -webkit-flexbox;       
         display: -ms-flexbox;           
         display: -webkit-flex;          
         display: flex;
         flex-direction: row; 
         justify-content: center;
         text-align: center;
         align-items: center; 
         }
  
       #page_titel {
         display: block;
         position: relative;
         }
  
       #page_titel h1 {
         text-align: center;
         }
  
  li {
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="page"&gt;
     &lt;div id="breadcrumb"&gt;
            &lt;ul&gt;
                          &lt;li&gt;Startseite&lt;/li&gt;
                          &lt;li&gt;Universal Estate &lt;/li&gt;
                  &lt;/ul&gt;
     &lt;/div&gt;
     &lt;div id="page_titel"&gt;
       &lt;h1&gt; TITEL DER SEITE &lt;/h1&gt;
     &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>