Как сделать в одну строчку?

[misterleks]

Мучался вчера весь день, так и не смог домучать Прошу помощи!
Поставил кнопки соц сетей, получилось так:

т.е они расположились под заголовком, хотя мне нужно, чтобы они были так:

т.е. продолжением заголовка, но выравнены по правой стороне! хтмлбук прочел, но не могу понять, почему кнопки переносятся на другую строчку
Так выглядит вставка данного кода на фиевтопик:

Код: Выделить всё

<h2><a href="{U_VIEW_TOPIC}">{TOPIC_TITLE}</a></h2><div class="share42init"></div>
<script type="text/javascript" src="http://www.100events.net/share42/share42.js"></script>
<script type="text/javascript">share42('http://www.100events.net/share42/')</script>

Вот ссылка на данную страничку: http://www.100events.net/viewtopic.php?f=87&t=1431
Помогите решить задачу....

[Pazh]

div переносит по-умолчанию свое содержимое на новую строку. Правьте класс share42init в css файле

[misterleks]

У меня этот класс не определен в css. Pazh, что внести, чтобы не было переноса?

Добавлено спустя 1 минуту 6 секунд:
Хотя наврал. У меня выглядит это так:

Код: Выделить всё

#share42 {
  display: inline-block;
  padding: 6px 0 0 6px;
  background: #FFF;
  border: 1px solid #E9E9E9;
  border-radius: 4px;
}
#share42:hover {
  background: #F6F6F6;
  border: 1px solid #D4D4D4;
  box-shadow: 0 0 5px #DDD;
}
#share42 a {opacity: 0.5;}
#share42:hover a {opacity: 0.7}
#share42 a:hover {opacity: 1}

[evrus01]

misterleks к классу #share42 добавьте:

Код: Выделить всё

float: right;
margin: -30px 0;

[Pazh]

Например такое для класса share42init:

Код: Выделить всё

text-align: right; position: relative; top: -30px;

или то что написал evrus

[misterleks]

Спасибо. Сработало. А я эксперементировал все с параметром display.