22/05/2018 Development / css

<div class="title" title="Meu Sandbox">Meu Sandbox</div>

.title {

  1. position: relative;
  2. border-bottom: solid 1px #DEDEDE;
  3. padding: .3em 0;
  4. font-weight: 400;
  5. color: #3B3B3B;

}

.title:before{

  1. content: attr(title);
  2. overflow: hidden;
  3. border-top: solid 4px rgba(0,0,0,.2);
  4. position: absolute;
  5. top: 100%;
  6. height: 0;
  7. display: inline-block;

}

Essa é uma solucao simples ;-)

Espero que ajude