title: How do i fix external css code error on some specific attributes if those codes doesn't work on one page but work on another?
body: <p>I am working on an login form and i have come across a situation where my border-bottom attribute does not work on it but that same works on another simple hello world page.</p>
  
  <p>This is Windows 10 running on DELL INSPIRON 3000 Series. I use Sublime Text Editor for all my works. I have tried to run my CSS attribute <code>border-bottom</code> on one of my webpage that doesn't seem to work but that same piece of code worked perfectly fine on just simple hello world webpage.</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>.login-box h1 {
    border-bottom: 5px solid blue;
    padding: 10px;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="login-box"&gt;
    &lt;h1&gt; Login &lt;/h1&gt;
    &lt;div class="textbox"&gt; 
      &lt;input type="text" name="" placeholder="username" value=""&gt;
      &lt;br&gt;
      &lt;br&gt;
    &lt;/div&gt;
    &lt;div class="textbox"&gt;
      &lt;input type="password" name="" placeholder="password" value=""&gt;
      &lt;br&gt;
      &lt;br&gt;
    &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I did expect a <code>5px</code> solid blue border below my heading in Webpage but it just doesn't work in it.</p>