Wie einen Textstand von der rechten Seite eines Bild unter Verwendung von HTML und CSS machen

Question

ich Hilfe brauche den Text zu erhalten, indem die rechtsen Seite des Bildes auf dem gleichen Niveau zu stehen habe ich diesen

<a class="following-row" href="index-2.html?pid=2306"> 
        <img alt="Girls logo" src="photos/users/35257/resized/9fd79de3589edff68db18bb6141025c3.jpg"> 
        <span class="following-row-text">Girls<span class="item-details"> · 78 followers</span></span> 
       </a> 

Ich kann nicht einen korrekten Satz von CSS-Styling bekommen, die mir geben, was ich will, bitte brauche ich Hilfe.

dank

Answer 1

<div> 
 
    <img style="vertical-align:middle" src="http://cdn.jssor.com/demos/img/icons/icon_chrome.png"> 
 
    <span style="">Girls · 78 followers</span> 
 
</div>

prüfen diese Schnipsel

Answer 2

die Antwort auf Kommentare basierend aktualisiert.

a.wrapper img { 
 
    cursor: pointer; 
 
    width: 100px; 
 
    height: 100px; 
 
    vertical-align: middle; 
 
    text-decoration: none; 
 
} 
 
a.wrapper span { 
 
    padding-left: 10px; 
 
    cursor: pointer; 
 
} 
 
a.wrapper:hover img { 
 
    margin: -1px; 
 
    border: 1px solid red; 
 
} 
 
a.wrapper:hover span { 
 
    color: red; 
 
}

<a hre="#" class="wrapper"> 
 
    <img src="http://pipsum.com/100x100.jpg" alt="Image"> 
 
    <span>Girls · 78 followers</span> 
 
</a>