同じレベルに画像の右側に立つために、テキストを取得するためにHTMLとCSS

Question

を私は助けを必要と使用して画像の右側によるテキストスタンドを作る方法私はこの

<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> 

を持っています私は私が欲しいものを私に与えるCSSのスタイル設定の正しいセットを持って得ることができない、私は助けが必要です。

おかげ

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>

このスニペットは

Answer 2

コメントに基づいて答えを更新しましたことを確認します。それはあなたを助けることが可能ですので

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>