html

<div class="flex-container"> <img src="my-image.jpg"> <p>This text will be in a separate flex item and will not wrap around the image in the traditional float sense.</p> </div> 

CSS:

css

.flex-container { display: flex; align-items: flex-start; /* Aligns items to the start of the cross axis */ gap: 20px; /* Adds space between the image and the text */ } .flex-container img { /* Optional styling for image width */ width: 150px; flex-shrink: 0; /* Prevents image from shrinking if text is long */ }

