Trying to float image with text content . . . no joy

[gaelwolf]

I’m trying to float an image with text content. (PHP file in Docker environment):

This is what it looks like in the browser:

I’m sure I’m doing something wrong, but what is it?

Assistance most appreciated!

[ben]

Try:

<div class="container">
    <div class="row mt-4">
        <div class="col-6 offset-3">
            <img src="/assets/images/Face2-399.jpg" width="150" height="150" alt="my picture" class="float-start me-4">
            <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatem aliquam neque iste quos, perspiciatis expedita ex possimus maxime rem blanditiis necessitatibus voluptate ab impedit minus facilis aperiam modi nemo ratione.</p>
            <p>Voluptate molestias, tempora ratione dolores sapiente voluptas optio eos doloribus accusamus. Quasi laborum doloribus repellendus dolor placeat facere nam quidem suscipit dolorem? Explicabo iure blanditiis nisi quisquam architecto ullam dolor!</p>
        </div>
    </div>
</div>

Adjust the values to suit.

[gaelwolf]

Thank you, Ben.

I drew from the sample code, and have been able to make it work for both the left and right sides of the column:

I’m finally starting to make friends with all of this but am not to the point where I feel anything close to proficiency with it. I am pleased, though that the learning curve is not quite the vertical concrete it was a few weeks ago.

Thank you for the hand up over the edge of this step!