title: React JSX: How do I add white space between navigation links in my navbar
body: <p>Currently my website looks like below.  I have three links in my navigation bar and I'm trying to have them be more spaced apart.  </p>
  
  <pre><code>render() {
      return (
        &lt;Router&gt;
          &lt;div&gt;
            &lt;nav&gt;
              &lt;Link to="/admin/dashboard"&gt;Upload Eyeball&lt;/Link&gt;
              &lt;span&gt;&lt;/span&gt;
              &lt;Link to="/admin/dashboard"&gt;Diagnostic Prediction&lt;/Link&gt;
              &lt;Link to="/admin/dashboard"&gt;Reject Prediction&lt;/Link&gt;
            &lt;/nav&gt;
            &lt;h1&gt;Diabetic Retinopathy Diagnosis&lt;/h1&gt;
            {/* localhost */}
            &lt;Route exact path="/" component={EyeballLoadComp} /&gt;
            &lt;Route exact path="/diagnosis" component={EyeballDiagnosis} /&gt;
            &lt;Route exact path="/update/:eyeballId" component={UpdateEyeball} /&gt;
          &lt;/div&gt;
        &lt;/Router&gt;
      );
  </code></pre>
  
  <p>I tried adding a span in there to give the links some space but it didn't work.</p>
  
  <p>How do I fix this?   </p>