Как позиционировать элементы в одну линию?

Question

[KOPC1886]

Всем привет!
Есть такая верстка.

<div class="service_name">
<h3>
               Текст текст текст текст
            </h3>
<span class="service_star" id="addFavorite"></span>
</div>

.service_star {background: url('images/stars.png') 0px 5px no-repeat !important;}

Как сделать, чтобы элементы показывались в одну строчку и если текст в h3 длинный то span сдвигался вправо, а не залезал на текст?

Картинка для span задается через background.

Answer 1

[rhost]

display:inline; в h3 ?

Comments

[KOPC1886]

И? Проставил, но у span какие стили поставить то? Чтобы сдвигался вправо, если текст будет длинный. Надо чтобы он был справа от текста.

[rhost]

KOPC1886: jsfiddle.net/cfLfb6ue

Answer 2

[Александр]

Можно span вообще занести внуть h3 заголовка, но при этом для соблюдения семантики заменить тег например на i или что-то похожее.

Answer 3

[Сергей Мельников]

задаете такие глупые вопросы, а документацию кто читать будет?!! или документация - это крайний случай????

Answer 4

[tennalian]

inline-block для обоих