.dots div:first-child {
  float: left;
}

.dots div:last-child {
  float: right;
}

.dots {
  overflow: hidden;
}

.dots:after {
  content: "\A0";
  display: block;
  overflow: hidden;
  border-bottom: 2px dotted #908d8d;
  margin-top: -6px;
}

.dots div:first-child:after , 
.dots div:last-child:before {
  content: "";
  display: inline-block;
  width: .25em;
}