Как сделать так, чтобы текст был справа?

Если необходимо сделать слева картинку а справа текст, советую использовать следующий html код:

 <div class='wrapper'>
    <div class='image'>
        <img src='/someurl'>
    </div>
    <div class='text'>
        <h2>Человек 1</h2>
        <span>Город Алматы</span>
    </div>
 </div>

И задаем свойства css с помощью flex:

.wrapper {
    display: flex;
    align-items: center;
}
.image img {
    height: 500px;
    width: 500px;
}
.text {
    padding-left: 15px;
}

Пример на JSFiddle