Какой CSS будет правильно отображать формат html [закрыто] ⇐ CSS

[Anonymous]

Мой вывод в формате HTML должен быть следующим:

• изображение должно быть слева
• описание справа
• описание справа li>
  мета в правом нижнем углу под описанием.
  Кроме того, изображение должно занимать 30 % от общей ширины, а высота изображения должна совпадать с шириной изображения.< /li>

Что мне попробовать дальше?

Lorem ipsum title



/>


In publishing and graphic design, Lorem ipsum is a placeholder text commonly used to
demonstrate the visual form of a document or a typeface without relying on
meaningful content. Lorem ipsum may be used as a placeholder before final copy is
available.

Published: 12/12/2012 | Views: 22




Я попробовал приведенный ниже CSS
.title {
text-align: center;
}
.outer-parent {
border: 1px solid red;
display: flex;
flex-direction: row;
}

.outer-parent:first-child {
width: 30%;
}

.text-parent {
display: flex;
flex-direction: column;
}


Подробнее здесь: https://stackoverflow.com/questions/787 ... -correctly