ausrichten erste Zeile in die nächste Zeile

Question

Ich kann einfach nicht herausfinden, wie diese einfache Sache zu tun,

WEBSEITE: PAGE
Fiddle: Fiddle

Können Sie auf dieser Seite finden Sie und sehen ... Die Letzte Aktivität Abschnitt, hat Text nach dem Namen und den Pfeilen, und dieser Text sieht nicht gut aus, es geht unter das Bild und das ist was ich beheben will, ich brauche es ein wenig ausgerichtet sein mit der ersten Zeile, und das könnte es gut aussehen lassen, kann ich teste es gar nicht so, und wenn es nicht so gut aussieht, bitte hilf mir es gut aussehen zu lassen ...

Es sieht auch glitchy aus und ich will es besser aussehen, ich bin ein noob in CSS so wenden Sie sich bitte ein Fiddle deutlich zu machen, hier ist der Code, den Sie vielleicht bearbeiten müssen ...

<li> 
     <img src="assets\images\avatar_100x\163.png" class="w35" alt="Tony Toomport"> 
     <span class="user font-slab">Tony Toomport </span> 
     <span class="subject"> has been given rank 7 (OG) in Los Santos Maddogs (14) by Leader Tyson Maddog (rank 9).</span> 
    > /* I wan't this^to look good when there are 2 lines(on small screens), because it currently goes under the image and does not look good... */ 
     <span class="time"><i class="fa fa-clock-o"></i> 2 hour's ago</span> 
    </li> 

Bitte helfen ...

ich habe Hilfe ich sag mir wenigstens, was ich tun soll die zweite Zeile mit den ersten Zeilen ausgerichtet zu machen beginnen ...

DANK

Answer 1

können Sie verwenden display: inline-block; und position: absolute; dies zu tun.

Und einige Stil hinzufügen, zum Beispiel margin-top: 8px;

.subject{ 
    display: inline-block; 
    position : absolute; 
    margin-top: 8px; 
} 

Fiddle: Link