Vamos la, quero deixar o alinhamento do span a direita, mas não estou conseguindo
meu codigo abaixo:
<div class="alert alert-success" role="alert" style="max-width: 60rem;">Campeonato Brasileiro Série D</div>
<div class="row">
<div class="card border-light mb-3" style="max-width: 60rem;">
<div class="card-body">
<h6 class="card-title">Rodada 8 - 15:00 <a href=""><span class="badge badge-success">TEMPO REAL</span></a></h6>
<br>
<p class="card-text">
<img src="img/caucaia.png" width="30" height="30"> <b>Caucaia<span class="align-right">1</span></b><br><br>
<img src="img/fluminense-pi.png" width="30" height="30"> <b>Fluminense-PI <span class="text-right">1</span></b>
</p>
</div>
<div class="card-footer bg-transparent border-light"><center><a href=""><span class="badge badge-success">Acompanhe em tempo real</span></a></center></div>
</div>
</div>
Quero deixa aonde esta o placar do lado direito e o logo do clube e no nome para a esquerda.