Wie bekomme ich CSS "Breite: Auto", um dem Text in einem DIV die Größenpriorität zu geben? ⇐ CSS

[Anonymous]

Ich verwende Breite: auto , damit ein Bild sowohl auf Desktop als auch auf dem Handy vernünftig aussieht. Mein Problem ist, dass das Bild die Größenpriorität auf den Bildschirm erfolgt und den Text auf der rechten Seite bündelt. Ich hoffe, dass das Bild 30% bis 40% des Bildschirms nimmt, um Platz für den Text rechts zu lassen. Ich werde in dieser Hinsicht spezifische Einzelheiten entscheiden, sobald ich sehe, wie es beim Arbeiten aussieht. Dies ist die jüngste Anstrengung der HTML/CSS für einen von ihnen: Ich habe viel zu lange damit zu kämpfen, und jede Hilfe, die bereitgestellt werden kann, würde sehr geschätzt. Ich habe auch versucht, Max-Width: 30%< /code> direkt auf dem Bild und dem textfreien schwebenden im selben Container ohne Container spezifisch für den Text zu schweben.

Code: Select all

    .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]