title: CSS - Border bottom length fixed to 60%
body: <p>I need help on border-bottom length. I want to set border-bottom length to 60%. I can do it using the inner div like:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>#myDiv {
    background: #FED;
    _border-bottom: 5px solid red;
  }
  #myDiv div {
    margin: 5px 0px;
    width: 60%;
    height: 5px;
    background-color: red;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="myDiv"&gt;
    My div
    &lt;div&gt;&lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>But i don't want to use it with extra div, I want to achieve it using border-bottom, I search for this in google and stack but no luck.</p>
  
  <p>Thanks in advance.</p>