Как прижать элемент к тексту внутри тега?

Question

[mishapsv]

Вот пример.
Если текст помещается в одну строку, то элемент прижимается к нему справа.
Так и задумано.
Но если текст длинный и переносится на новую, то между текстом и элементом образуется пространство.
Как можно прижимать элемент к тексту в обоих ситуациях?

Answer 1

[boga-net]

Поместите текст в один контейнер, а элемент в другой. Задайте их родителю display: flex
Если я вас правильно понял, вам нужно, чтобы элемент был всегда вверху и справа от текста?

Comments

[mishapsv]

boga-net нужно, чтобы элемент был справа и центрировался по высоте. Этот элемент уже используется, хотелось бы найти решение только через стили, без изменений разметки.

[boga-net]

mishapsv, а как он будет центрироваться по высоте? Относительно чего? У вас же на странице не два элемента всего будет? У них же будет какой-то контейнер родитель? Просто текст поместите в параграф. И родителю задайте display: flex и align-items: center

[boga-net]

div class = wrapper
< p> ваш текст < /p>
< span> span>
< /div>

.wrapper
display: flex
align-items: center

С телефона не получается прописать теги и стили в том виде, как они есть. Думаю, разберётесь

[mishapsv]

boga-net спасиб, я знаю, как работают флексы) это не решает проблемы, плюс нужна обертка тегом.