CSS+HTML. How to make a triangle next to text?

Question

css

Good afternoon.
I want to make a triangle next to the text. In one line. The word and next to the triangle.
I do a triangle like this:

width: 0;
height: 0;
border-style: solid;
border-width: 0 5px 8.7px 5px;
border-color: transparent transparent #007bff transparent;

But I don’t understand how to put them next to each other in HTML ... Tell me please

Answer 1

https://codepen.io/topicstarter/pen/WzvmVb

Answer 2

Absolute positioning, or spanning with line-height