I am facing a challenge in adding an icon to the right of my centered brand text without affecting its alignment.
Currently, the text is perfectly centered at the top. I wish to place an icon on its extreme right side.
Here is how it looks presently
And this is how I envision it to appear
This is the code I am using:
<nav class="navbar navbar-expand-lg fixed-top justify-content-center">
<a class="navbar-brand text-center">
<span class="text-strong">
Brand
</span>
</a>
</nav>
I have thought about dividing it into 3 columns and centering the brand text in the middle column while placing the icon in the last column, but I don't have any content for the first column.