Как сделать элементы в одну строчку

[Wihar]

Всем привет! Как сделать, чтобы эти кнопки были в одну строчку.

main.tpl

<div class="lb_soc_icons">
<ul class="lb_si_menu">
<li><a href="#">В</a></li>
<li><a href="#">F</a></li>
<li><a href="#">t</a></li>
</ul>
</div>

style.css

.lb_soc_icons {
   position:absolute;
    left: 15px;
    top: 5px;
}
    ul.lb_si_menu li {
      margin-bottom: 3px;
    }
     ul.lb_si_menu li a {
      display: block;
         height: 30px;
      padding: 1px;
      width: 30px;
      font-size:16px;
      font-weight:bold;
      line-height: 30px;
      text-align:center;
      color:#3bb0ea;
      background-color: #fff;
    } 

    ul.lb_si_menu li a:hover {
      color:#fff;
      background-color: #3bb0ea;
    }

P.S. inline не работает.

[ShumNo]

Допишите к

ul.lb_si_menu li {
      margin-bottom: 3px;
}

float:left;

ну или right

[Wihar]

ShumNo ,

Дописал - работает, но не работает

margin-bottom: 3px;

- такое чувство, что его просто нет.

[ShumNo]

ну так вы проставьте отступы какие хотите типа

margin-right:5px;

[Wihar]

Спасибо!

П.С. Хотел поставить +, но не получилось... пишет что я исчерпал лимит.

[ShumNo]

лимиты у чего?!