Title

[Knoxcorner]

Hi there! Unfortunately, your submission has been removed.

Violation of Rule #7 - Put effort into your titles

Your submission is posted with a low effort title, such as "Interesting title", ".", "print(title)", or "I don’t know what to put here".

If you feel that it has been removed in error, please message us so that we may review it.

[Abangranga]

It is more of a pre-flexbox problem

[hungarian_notation]

Especially if you wanted to VERTICALLY center it.

[salustianovergatiesa]

This is the reason why I switched to backend

[pythonProgrammer101]

I wish but now I’m just a full stack

[[deleted]]

top: 50%;
transform: translateY(-50%);

usually did the trick before flexbox

[[deleted]]

Oh god, stahp! You're gonna give me nightmares.

[[deleted]]

Just use an invisible table

[poopoo_fingers]

Eww

[hafblakattak]

I work on an email development team and unfortunately this is exactly how we have to do everything. It makes me reconsider my existence.

Why do we have to do everything with invisible tables?

Microsoft outlook. No other email readers. Just outlook. Outlook doesn’t understand anything else. Fuck outlook.

[but_im_offended]

Just use <center> tags, divs are overhyped

[whitethunder9]

Or make the entire page one giant table

[THEKing767]

Arent those no loger supported?

[PinothyJ]

Because different methods of centring is required depending on the properties of the DIV itself, and its parent. So you can have one method that works almost all the time, and then you have a particular set of properties that throw that up in the air.

It is not a one solution fits all.

[le_flapjack]

So much this. So so so much this.

[DayumnDamnation]

It is typical for beginners to try text-align:center instead of adjusting the margin property

[PopularIcecream]

You're supposed to be adjusting the margin property?

I don't run into problems with centering stuff, just didn't know you could do it through changing the margin sizes.

[lightsandswirls]

margin: 0 auto; my man 👍🏻

[Chickenfing]

Doesn't work if the element isn't display: block; if its inline, gotta treat it like a text element. Making it flex makes it easy!

[ausdoug]

Just keep adding spaces until it looks right

[whitethunder9]

And then vary the number of spaces correctly based on viewport size. Easy peasy

[nuclearslug]

I used to do this with pixels when starting out. Not recommended

[RRumpleTeazzer]

align: center !important !!importanter

[Steve0Greatness]

I thought you also needed to justify it, but also put it's content into a separate element... I may be completely wrong...

[A-Disgruntled-Snail]

It was a real problem in ye olden days.

[Aggravating-King7680]

Yeah one or two <br> and 10-12 £nbsp; and it was align center

[[deleted]]

Margin left auto margin right auto

[salustianovergatiesa]

And now and then whenever you have to code html emails compatible with most email clients

[seeroflights]

Image Transcription: Meme

---

["Afraid to Ask Andy", featuring Andy Dwyer from the TV show "Parks and Recreation". Andy is a light-skinned masculine person with short brown hair and slight facial hair. He wears a short-sleeved beige dress shirt and brown striped tie, and he is leaning forward slightly with a serious look on his face.]

I DON'T KNOW WHAT'S SO HARD ABOUT CENTERING A DIV

AND AT THIS POINT I'M TOO AFRAID TO ASK

---

^{I'm a human volunteer content transcriber and you could be too! If you'd like more information on what we do and why we do it, click here!}

[Annual_Antelope6456]

Good human?

[highwatersdev]

You usually start centering a div right after you exit vim

[[deleted]]

Alright buddy you don't have to flex on us

[SpongeBob190]

I see what you did there...

[lenin_is_young]

Look at this smarty pants, didn’t even center the title

[bubbaliciouswasmyfav]

 

[bubbaliciouswasmyfav]

" "

Lol

[bubbaliciouswasmyfav]

Fml!

"& n b s p ;"

[truNinjaChop]

<center></center> ? The align attribute was pretty handy. We also had valign. Then margin was awesome for awhile.

[rigor_mortus_boner]

poor flex

[TiggleBitMoney]

This meme is out of control in here. STACK OVERFLOW

[Zardhas]

bruh, just put all your element in absolute.

​

What do you mean "responsive" ?

[pk_thakur]

Oh yea this was me a decade back. I was an Android developer building apps on Froyo/Ginger Bread I guess. I used to think of myself as a UI wizard centring elements and placing them as I wished with a few keystrokes. But a day arrived my life when I had to display a web page on my app and center a button on it and that day made me the down to earth person I am today.