Как выровнять подпись под изображением, но слева от изображения [закрыто] ⇐ CSS

[Anonymous]

Я хочу, чтобы подпись была слева от изображения, но все еще встроенный с ним, как прикрепленный скриншот, второе изображение - это то, что в настоящее время делает моя подпись. Именно здесь мой заголовок должен сидеть
Вот где подпись в настоящее время прикреплял код, который я имею в настоящее время для моего CSS. Модальный блок, который включает в себя правила заголовка / и изображения. Я не уверен, где регулировать правила, чтобы получить правильное выравнивание. Нужно ли мне изменить собственность в подписи? Включите также мой HTML-код.

Код: Выделить всё

.modal__container_type_preview {
display: flex;
position: relative;
flex-direction: column;
justify-content: center;
max-width: 80vw;
max-height: 80vh;
margin: auto;
padding: 0;
background-color: transparent;
box-shadow: none;
}

.modal__image {
max-width: 80vw;
max-height: 80vh;
margin-bottom: 8px;
display: block;
border-radius: 8px;
object-fit: contain;
}

.modal__caption {
align-self: center;
background-color: #212121;
color: white;
padding: 8px;
width: fit-content;
text-align: left;
font-weight: 500;
font-size: 20px;
line-height: 120%;
border-radius: 8px;
}< /code>
< /div>
< /div>
< /p>










[*]

Spots




[img]./images/Logo.svg[/img]



[img]./images/avatar.jpg[/img]
            alt="Bessie Coleman"
class="profile__avatar"
/>

Bessie Coleman
Civil Aviator

[img]./images/pencil.svg.svg[/img]
Edit
Profile



[img]./images/plus.svg.svg[/img]
New Post




[list][/list]




[img]./scripts/index.js[/img]

Подробнее здесь: https://stackoverflow.com/questions/795 ... -the-image