Align DIV centrally with content either side

Question

So I have 5 items (inside a containing DIV). The items lineup as:

Text Image DIV Image Text

I want it displayed so that the DIV is central, the images 'hug' the DIV, then the text 'hugs' the image, so any space left would be on the left or right of the containing DIV.

How it currently looks How I need it to look

I've used flex to try and attain this, but this just centers the entire content of the containing DIV, rather than the DIV which I want to entirely center.

It would be helpful to share your existing code. – Anonymoose Feb 25 '23 at 21:44 — Anonymoose, Feb 25 '23 at 21:44

score 0 · Answer 1 · answered Feb 25 '23 at 21:48

0

Apologies, after an hour more searching I found a thread relating to a very similar requirement which fixed mine.

Solution here - How to align and center 3 divs without affecting middle div

answered Feb 25 '23 at 21:48

Xavier

9
2

Align DIV centrally with content either side

1 Answers1