Берешь родителя
<div class="content"></div> в него заворачиваешь картинку и текст, текст также заворачиваешь в
<div class="text"></div>
И того
<div class="content">
<img src="img/protektokrat_home.gif" width="165" height="165">
<div class="text">
Starbound --- игра разработанная Chucklefish. Жанр игры песочница, платформер.
<br>Имеет 2D пикельную графику. Вышла в 2016 году.
<br>Доступна в Steam и стоит 299 рублей.
<br>На данный момент последняя версия 1.4.4 Bounty Hunter Update
<br>
<br>
Системные требования:
<br>ОС: Windows Vista - 10
<br>Оперативная память: 2 ГБ
<br>Процессор: Core 2 duo
<br>Видеокарта: 256 МБ
<br>Памяти на жестком диск: 4 ГБ
</div>
</div>
Даешь родителю, а то есть классу content - display: flex;
.content {
display:flex;
}
И также в дальнейшем я советую изучать flex box, это более эластичная структура верстания.
Также можешь сделать флоатом
img{float: left;}
.text{float:left}