Line Post title

index.html

<div class="container">
  <h2>Lorem Ipsum</h2>
</div>

Line-Post-title.markdown

Line Post title

A Pen by Jeffd on CodePen.

License.

style.scss

  .container {
    position : relative;
    overflow : hidden;
    width    : 90%;
    margin   : 0 auto;
    border   : 2px solid lime;
  }
  
  h2 {
  display       : inline-block;
  position      : relative;
  padding-right : 10px;
  margin-bottom : 0;

  &:after {
    content    : '';
    top        : 10px;
    position   : absolute;
    border-top : 2px dotted red;
    width      : 1000px;
    left       : 100%;
  }
}