Как сделать так чтобы текст сместился под изображения?

Question

[Zumich]

Здравствуйте, делаю сайт для просмотра аниме сериалов и не могу понять как сделать так, чтобы текст сместился под изображения.



CSS:

.anime__bloc {
    display: flex;
    top: 110px;
    position: relative;
}
.anime__poster {
    width: 213px;
    height: 311px;
    border-radius: 9px;
}
.anime__name {
    font-family: 'Bellota', sans-serif;
    color: $whith;
    font-size: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 208px;
}
.anime__year {
    font-family: 'Bellota', sans-serif;
    font-size: 18px;
    color: $whith;
}

Comments

[Froggyweb]

а открыть инспектор или devtools и посмотреть на других сайтах как сделано?
position: absolute тебе точно поможет

.anime__bloc {
flex-direction: column;
}

+ gap

[Zumich]

Froggyweb, В этом и проблема не помогло

[Froggyweb]

Zumich, https://codepen.io/froggyweb/pen/dygBYje

[Zumich]

Froggyweb, Спасибо друг, очень сильно помог)