How to make bootstrap icon display inline with text in a tag?

Question

I have bootstrap navigation pill that shows text and an arrow. Unfortunately if the text is to long the arrow appears on the border of the anchor. Html looks like this.

Answer 1

If your text can wrap as you said then this can work..

Some longer sample text

Update:

Some longer sample text



.iwt{
display:block;
}