Streaming live at 10am (PST)

How to position div relative to TWO other divs?

I need to position the text precisely centred inside the green area, while keeping the photo and the purple box floating as it is now…can’t wrap my head around how to do that? :roll_eyes:


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Hey @radmitry , The issue is with Logo-img within your Brand linkbox container. It had a negative margin of 97, if you remove this margin, the text is centered.

Thanks @imtiazraqib , this way it is centred relative to the purple box, but what I need is for it to appear centred between the left edge of the purple box and the left edge of the photo.
Like so
Screenshot 2021-11-09 at 01.10.42

Ok, I figured it out, I set the parent element to flex horizontal, and set the Text and the photo to static and set text to “grow if possible” in the flex child setting. :slight_smile:

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.