html - 画像のサイズを小さくして、単語のスパンに収まるようにします

Question

同じ行に生成する画像と文を取得しようとしています

上記のように、そのように見えます。画像の情報のすぐ隣に画像を配置したい。それほど多くのスペースを占有しません。

@foreach (var m in Model.Matches)
{ 
    <div class="row-fluid" style="border: 1px solid blue; padding: 10px">
    <div class="span2" style="border: 1px solid red; padding: 10px">
    <img src="@m.Photo.PhotoURL" class="img-responsive" @*style="max-height:175px;max-width:100px;"*@/>
    </div>
    <div class="span2" style="border: 1px solid black; padding: 10px">
     <h5>@m.Username</h5>
     <h5>@m.Age year old @m.Gender.WhatGender | Seeking</h5>
     <h5>@m.City, @m.State.Name,@m.State.Country.Name</h5>
    </div>
    </div>
     <hr />
}

上記のコードは、情報を含む画像を生成しています。画像を左側に十分に小さくし、情報を右側に収めるために何を含めればよいかわかりません。ブートストラップも使用しています。