how can i lower the change text so that it appears in the middle of the content using bootstrap
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">
<div class=" row justify-content-center mt-5">
<div class="col-4">
<img src="/Order Sumary/images/icon-music.svg" alt="">
<span class="h6"> Annual Plan</span>
<span class="text"><a href="">Change</a></span>
<p>$59.99/year</p>
</div>
</div>
I don't know how I can do to lower the link (text) Change a little more I have tried everything with margin for example and nothing
I put a border to see it better, all you have to do is change the class of the margin (mt-5) from place
UPDATE: I made some modifications to keep the grid as you have it.
justify-content-center
one from where you had it and I created a new div of type flex to put the content and that's it