Çok ufak bir konumlandırma sorunu

Bu linkte fare ile yazının üzerine gelince beliren Facebook ve Twitter butonlarının, hemen yazının ardından gelmesini istiyorum. Yani resimdeki gibi. Bir türlü yapamadım. Yardımcı olacak arkadaşlara şimdiden teşekkür ederim.

.fav {
    margin-top: 10px;
    margin-left: 10px;
    display: inline-block;
}

işini görecektir.

Bunda alt satıra iniyor. Ben yazı ile aynı satırda kalmasını istiyorum.

.song, .singer ve .fav class'larını float: left yapın.

O zaman da böyle oluyor.

Hadi R10 ! At şu üzerindeki ölü toprağını.

sen bir resim ile nasıl olmasını istiyorsan çizip at buraya ona göre bişey ayarlıyalım sana

İstediğim budur hocam

                                <img src="img/track_arrow.gif" alt="" />
                                <div class="singer">
                                    <a href="#">ibrahim ferrer</a> 
                                </div>                                                             
                                -
                                <div class="song">
                                    <a href="#">dos gardenias</a> 
                                </div>

Yukarıdakileri bul bununla değiştir

<div style="float:left;margin-right:12px">
<img src="img/track_arrow.gif" alt="" />
                                <div class="singer">
                                    <a href="#">ibrahim ferrer</a> 
                                </div>                                                             
                                -
                                <div class="song">
                                    <a href="#">dos gardenias</a> 
                                </div>
</div>

.fav{float:right;} float:right olan kısmı float:left diye değiştir.