Как получить CSS «Ширина: Auto», чтобы дать приоритет размеров для текста вместе с ним в Div? ⇐ CSS

[Anonymous]

Я использую ширину: Auto , чтобы изображение выглядел разумно размер на рабочем столе и на мобильных устройствах. Моя проблема заключается в том, что изображение требует приоритета размеров, чтобы соответствовать экрану и сгруппирует текст справа. Я надеюсь, что изображение потребует от 30% до 40% экрана, чтобы оставить место для текста справа. Я решу в этом отношении, когда я увижу, как она выглядит при работе. Это последняя репутация HTML/CSS для одного из них: я слишком долго боролся с этим, и любая помощь, которая может быть предоставлена, была бы очень оценена. Я также пытался использовать максимальную ширину: 30%< /code> непосредственно на изображении и без текста плавающего в одном и том же контейнере без контейнера, определенного специально для текста.

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

    .writingsBox {
display : flex;
max-width : 1600px;
Padding-right : 15px;
align-items : center;
background-color : #EAE2BA;
}

}
.leftImage {
display:block;
width: auto;
max-width:333px;
float:left;
border : solid 3px;
margin : 15px;
}

.blockLink {
display : block;
color : black;
}< /code>




[url=https://thewebsite.text/thewebpage.html]

[img]https://i.sstatic.net/19E7G693.png[/img]
               alt="Home Page Pic Travel Log" class="leftImage  pluginImg28" />
[/url][url=https://thewebsite.text/thewebpage.html]

Writings
This is where perspectives, ideas and general philosophies
are
dispensed in WebLogs and snippets to form a library of experiential outcomes. In other words, this is
where
I write what's on my mind.

[/url]

Подробнее здесь: https://stackoverflow.com/questions/797 ... e-it-withi