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

前端 未结 3 738
太阳男子
太阳男子 2021-02-13 14:05

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.

3条回答
  •  -上瘾入骨i
    2021-02-13 14:56

    Using css white-space:nowrap; solves text in one line issue.

    .subject-pill > a {
        border-style: solid;
        border-width: 1px;
        white-space:nowrap;
    }
     .subject-pill{ 
        width: 218px;
     }
    

    reference site : white space no wrap

提交回复
热议问题