<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;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.