CodePen

HTML

            
              <dl>
  <dt>Service</dt>
  <dd>$99</dd>
  <dt>Service-Deluxe</dt>
  <dd>$7</dd>
  <dt>Service-Basic</dt>
  <dd>$11</dd>
</dl>
            
          
!

↑ Insert the most common viewport meta tag

CSS

            
              dl {
  width: 300px;
  background: #eee;
  margin: 30px auto;
  padding: 20px;
}

dt {
  float: left;
  padding: 10px 5px 10px 0;
  background: #eee;
  position: relative;
  z-index: 2;
}

dd {
  margin: 0 0 0 270px;
  padding: 10px 5px;
  position: relative;
}

dd:before {
  content: "................................................................";
  height: 1px;
  position: absolute;
  right: 100%;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

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