JSFiddle - React, Tailwind, and code Playground

by Anderson Carlos Woss

HTML

<table class="table-borderless" style="width: 100%">
  <tbody>
    <tr>
      <td style="width: 50%"><span class="with-line">Conteúdo 1</span></td>
      <td style="width: 50%">Valor</td>
    </tr>
    <tr>
      <td style="width: 50%"><span>Conteúdo 2</span></td>
      <td style="width: 50%">Valor</td>
    </tr>
  </tbody>
</table>

CSS

.with-line::after {
  display: inline-block;
  content: '';
  flex-grow: 1;
  border-top: 1px dashed black;
  height: 1px;
  margin: 0.5rem 0.5rem 0 0.5rem;
}

.with-line {
  display: flex;
}