#Suggested structure

3 messages · Page 1 of 1 (latest)

terse pilot Apr 12, 2024, 11:29 AM

Hello, id like to place number 2 to be placed horizontally center of the whole body.

the way i can think of is:

make a flex div and put 1,2 inside and adjust width or margin.

I would like to come up with a more clean and straightforward way to do this.

I appreciate for help.

weary crow Apr 12, 2024, 12:44 PM

that is actually harder than you'd think https://stackoverflow.com/a/28358684

Stack Overflow

css -- put something to the left of a centered element?

The picture shows what I want to achieve. Can it be done?
For centering, without the putting something to the left part, see here: How do I center float elements?

the trick there is to create a separate "stacking context" in the parent container (the one that is centered), using position: relative, so that the child element can use position: absolute and have that now refer to the parent container instead of the document root regarding coordinate system origin during placement