JSFiddle - React, Tailwind, and code Playground

HTML

<div class="content">
  <a href="#" class="link">
    <span class="caption">Новости города</span>
    <span class="dots"></span>
    <span class="caption">стр.1</span>
  </a>
</div>

CSS

.content {
  display: table;
}
.link {
  display:table-row;
}
.link:hover {
  background: #ccc;
}
.link span {
  display: table-cell;
}
.caption {
  width: 1%;
  white-space: nowrap;
}
.dots {
  border-bottom: 1px dotted #000;
}