@govbr-ds/core/dist/components/list/examples/list-horizontal-divider.html

Padrão Digital de Governo

<div class="br-list horizontal" role="list">
  <div class="header">
    <div class="title">Separadores são opcionais</div>
  </div><span class="br-divider"></span>
  <div class="br-item" role="listitem">
    <div class="row align-items-center">
      <div class="col-auto"><i class="fas fa-heartbeat" aria-hidden="true"></i>
      </div>
      <div class="col">
        ITEM
        Texto principal
      </div>
      <div class="col-auto">META</div>
    </div>
  </div><span class="br-divider"></span>
  <div class="br-item" role="listitem">
    <div class="row align-items-center">
      <div class="col-auto"><i class="fas fa-heartbeat" aria-hidden="true"></i>
      </div>
      <div class="col">
        ITEM
        Texto principal
      </div>
      <div class="col-auto">META</div>
    </div>
  </div><span class="br-divider"></span>
  <div class="br-item" role="listitem">
    <div class="row align-items-center">
      <div class="col-auto"><i class="fas fa-heartbeat" aria-hidden="true"></i>
      </div>
      <div class="col">
        ITEM
        Texto principal
      </div>
      <div class="col-auto">META</div>
    </div>
  </div>
</div>