title: Html and Css border-bottom with 2 lines instead 1
body: <p>I'm very begginer in HTML/CSS and I'm trying to set one line under my text, I used <code>border-bottom</code> in my CSS file, and it shows 2 lines under my text. I'm sure that I missed something but I just don't know what. I don't want to use <code>text-decoration:underline</code> because I need space between my text and my line. My problem is with the <code>&lt;h3&gt;&lt;/h3&gt;</code></p>
  
  <p>Thanks in advance!</p>
  
  <p>This is my code:</p>
  
  <h2>CSS / HTML</h2>
  
  <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 {
    background-color: #0d0d0d;
  }
  
  .center {
    margin: auto;
    width: 50%;
  }
  
  h1 {
    font-family: "Taviraj", serif;
    color: white;
    border-bottom: 3px solid #404040;
    display: inline-block;
    padding-bottom: 2px;
    padding: 0px;
  }
  
  h3 {
    font-family: "Taviraj", serif;
    color: white;
    border-bottom: 1px solid #404040;
  }
  
  p {
    color: #cccccc;
    font-family: "Taviraj", serif;
    font-size: 23px;
    margin: 0px;
  }
  
  span {
    color: #ffff1a;
  }
  
  span:hover {
    color: #808080;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!--http://jonchretien.com/ --&gt;
  &lt;head&gt;
    &lt;title&gt;Jon Chretien | Front End Enginner&lt;/title&gt;
    &lt;link rel="stylesheet" type="text/css" href="jonchretiencom_style.css"&gt;
    &lt;link href="https://fonts.googleapis.com/css?family=Taviraj" rel="stylesheet"&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;div class="center"&gt;
      &lt;h1&gt;Hello&lt;/h1&gt;
      &lt;p&gt;My name is Jon Chretien. I'm a &lt;a href="https://en.wikipedia.org/wiki/New_York_City" style="text-decoration:none"&gt;&lt;span&gt;NYC&lt;/span&gt;&lt;/a&gt; based front end&lt;br&gt;
         engineer currently working on web apps for artists at&lt;br&gt;
          &lt;a href="https://www.spotify.com/" style="text-decoration:none"&gt;&lt;span&gt;Spotify&lt;/span&gt;&lt;/a&gt;. Previously at &lt;a href="https://www.nytimes.com/" style="text-decoration:none"&gt;&lt;span&gt;The New York Times&lt;/span&gt;&lt;/a&gt;.&lt;/p&gt;
      &lt;h3&gt;Selected Works&lt;h3&gt;
    &lt;/div&gt;
  &lt;/body&gt;</code></pre>
  </div>
  </div>
  </p>