Line of dots between items

Question

Restaurant web site and menu. I need to get \"line of dots\" between menu item and price. I need to get it without writing dots manually one by one. This feature should work aut

Answer 1

something like this?

ol li {
  font-size: 20px
}
.dot-div {
  border-bottom: thin dashed gray;
  width: 100%;
  height: 14px
}
.text-div {
  margin-top: -14px
}
.text-span {
  background: #fff;
  padding-right: 5px
}
.pull-right {
  float: right;
  padding-left: 5px
}

  

    

    

      Item one
      400$
    
  
  

    

    

      Item two with long text
      400$
    
  
  

    

    

      Item three midium
      400$
    
  

JsFiddle