Bootstrap 5 cards list groups

<!DOCTYPE html>
<title>My Example</title>

<div class="card-header">
Sun Gone
</div>

<div class="card-body">
<p class="card-text">Expert opinions are divided. Here's what they say will happen next.</p>
</div>

<ul class="list-group list-group-flush">
<li class="list-group-item">The Sun will come back</li>
<li class="list-group-item">The Sun won't come back</li>
<li class="list-group-item">It will have babies and spawn thousands more suns</li>
<li class="list-group-item">Good night!</li>
</ul>

</div>

</div>
		

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script>