<div class='services'>
  <div class="container">
    <ul class="services__list">
      <li class="service services__item">
        <span class="service__name">Укладка</span>
        <span class="service__price">400₽</span>
      </li>
      <li class="service services__item">
        <span class="service__name">Камуфляж седины</span>
        <span class="service__price">1000₽</span> 
      </li>
    </ul>
  </div>
</div>

.services__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  max-width: 500px;
}

.service {
  display: flex;
  align-items: baseline;
  &::before {
    content: '';
    flex-grow: 1;
    border-bottom: 1px dotted #000;
  }
}

.service__name {
  order: -1;
  text-transform: uppercase;
}

/* JUST PRETTYFYING STUFF, NOT ESSENTIAL FOR A WORKING DEMO */
body {
  $over-c: rgba(invert(#222), .5);
  background: 
    linear-gradient($over-c, $over-c), 
    url(https://images.unsplash.com/photo-1510920018318-3b4dfe979e4d?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjE0NTg5fQ&s=76eda3022d9860f69a7fc7a94e46c3e6) 0 0/ cover
}