<div class="box flex">
  <div class="box-img">
    <img src="https://vignette.wikia.nocookie.net/naruto/images/a/ae/Naruto_newshot-0.png/revision/latest?cb=20190325213605&path-prefix=ru" alt="">
  </div>
  <div class="box-p flex">
    <div class="black">
      <p>Кинописк:</p>
      <p>Рейтинг:</p>
      <p>Дата:</p>
      <p>Актеры:</p>
    </div>
    <div class="green">
      <p>10/10</p>
      <p>10/10</p>
      <p>2020</p>
      <p>Наруто</p>
    </div>
  </div>
</div>
* {
  margin: 0;
  padding: 0;
}
.box {
  margin: 20px;
  width: fit-content;
  padding: 10px;
  background: #eee;
}
.flex {
  display: flex;
}
img {
  width: 100%;
}
.box-img {
  max-width: 200px;
}
.box-p {
  margin-left: 20px;
}
.green {
  margin-left: 15px;
  color:green;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.