CodePen

HTML

            
              <p class="ellipsis"><span class="item">Service</span> <span class="price">$99</span></p>
<p class="ellipsis"><span class="item">Service-Deluxe</span> <span class="price">$7</span></p>
<p class="ellipsis"><span class="item">Service-Basic</span> <span class="price">$11</span></p>
            
          
!
via HTML Inspector

CSS

            
              .ellipsis {
  width: 160px;
  border-bottom: 1px dotted black;
}

.item, .price {
  position: relative;
  top: 6px;
  background: white;
}

.price {
  float: right;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................