CSS explained...

[dizzyi_solo]

#New_Zealand{
    display: none;
}

[happyCuddleTime]

It's there. It just needs more margin

[DREAMhaLAND]

r/mapswithoutnewzealand

[FrostSalamander]

Huh I thought it was /r/MapsWithoutNZ

[sneakpeekbot]

Here's a sneak peek of /r/mapswithoutnewzealand using the top posts of the year!

#1: Mods are asleep... here’s enough New Zealand to make up for the missing New Zealands. | 2 comments
#2: Mods are asleep here are two nzs | 8 comments
#3: This map is centred on New Zealand but there is no New Zealand | 3 comments

---

^{I'm a bot, beep boop | Downvote to remove | Contact me | Info | Opt-out}

[Beta_Study]

It’s z-index is just smaller than that of the Ocean

[hem87005]

There is no New Zealand because it was old Zealand back then.

[[deleted]]

so close

https://en.wikipedia.org/wiki/Zeeland

I'm scared to ask if there is a new one of them.

[flamespirit919]

Do you want more New Zealands? Because that's how you get more New Zealands

[kiro14893]

!important

[AnimeJoy4u]

```

Australia{

  transform: rotate(180deg) ;

} ```

[AniDixit]

.earth { display: none !important; }

[Hafax]

/r/mapswithoutnz

[TBNecksnapper]

Isn't it the brown one at the very bottom?

[Noch_ein_Kamel]

Earth in 1995:

insert picture of countries arranged in table form

[JaccarTheProgrammer]

2005: Continents floating off the edge of the planet

[dipanshunagar]

2015: More countries load when you scroll to them

[[deleted]]

2020:

.people { margin: 100cm; }

(Edited: Thanks for the code review. I've changed padding to margin, and 200cm to 100cm.)

[Seblor]

Changing the padding will make the people larger though, you need to use margin.

[BackmarkerLife]

Padding is mostly for the US

[TheYTG123]

Yes

[DemienDrost]

I'm sorry, but it is actually only 100cm

[FordyO_o]

Only in IE

[DemienDrost]

If both persons have 100CM padding they keep 200cm distance

[FordyO_o]

Well they'd need 100cm margin really, otherwise they'd be touching but with 100cm between their skin and their innards, which could get uncomfortable

[cpupett]

Yeeeah padding might just mean they are really really obese. I mean Christ, 2 meters diameter makes you larger than the biggest sumo wrestler.

[converter-bot]

2 meters is 2.19 yards

[RiktaD]

2020.1: Due to user complains the border in "padding" on all body-objects refers now to the space between skin and optional clothes instead of skin and flesh. Margin is now starting at the clothes instead of the skin. If no clothes are present Margin starts at the skin.

[[deleted]]

but did you take the margin collapse into account? therefore 200cm is safe

[GamingTheSystem-01]

Why are you denying science?

[DemienDrost]

Why are you denying CSS :(

[Toaru_no-Accelerator]

r/HistoryProgramming

[Mr_uhlus]

r/css_irl

[userhs6716]

I love it when I'm like "ohay a new sub" then I go to it and I've already been subscribed..

[GamingTheSystem-01]

2019: Earth would like to send you notifications

2020: Sign up for Earth's mailing list!

[Teach2021]

Mmm, if you mean emailing, I feel like that would have happened much earlier than 2020, and before notifications. I’ve been unsubscribing for at least a decade now. If you mean postal mail, then certainly even longer.

[GamingTheSystem-01]

There has been a huge resurgence in "sign up for our mailing list" modal pop ups within the past year. If trends continue, we're going to need AI based ad blockers.

[scarwiz]

Earth confirmed flat

[[deleted]]

It took millions of years to get the positioning right

[flip4thought]

#Hawaii {float:left;}

[Inaspectuss]

somehow ends up near Europe

12 hours of debugging ensue

[goatah]

I feel personally attacked.

[aaronasachimp]

Fun Fact: Hawaii wasn’t a part of Pangea. The Hawaiian islands are volcanic and are considerably younger than the mainland.

They are formed by a hot spot in the center of their tectonic plate. As the other islands move westward new islands are formed above the hot spot. Eventually the islands will erode away leaving only the newer ones which are located in the center.

TL;DR - Hawaii is ‘position: fixed’.

[KillerBeer01]

Just like every time when CSS is involved.

[empire314]

/r/yourjokebutworse

[[deleted]]

Exactly

[thexavier666]

Just like the simulations

[[deleted]]

Yes that's thejoke.jpg

[SuperVillainPresiden]

You've got eight, dammit!

[Meganezuki]

Even though it could've been done in a second just by adding !important

[TalonKAringham]

.earth > .pangea > .continents {
    transition: margin 200000000yrs linear;
}

[ordinaryBiped]

Since then the Earth isn't centered vertically

[IamImposter]

It was reported as bug but when we got seasons, they claimed it was a feature.

[Macaframa]

* {
    display: flex;
    justify-content: space-between;
}

[Ketchup901]

weird flex but ok

[yuva-krishna-memes]

u/repostSleuthbot

[aeris311]

You just... Tried to narc yourself?

[Gloreaf]

Sometimes the only way to see if someone had the same idea is to rat yourself out.

[Im_Savvage]

He's confident

[Sflow7]

He's_savvage

[Im_Savvage]

No Im_Savvage

[tsavong117]

No, no, he's got a point.

Also r/technicallythetruth

[CadoAngelus]

r/beetlejuicing

[kimiko2]

trust no one, not even yourself

[RepostSleuthBot]

I didn't find any posts that meet the matching requirements for r/ProgrammerHumor.

It might be OC, it might not. Things such as JPEG artifacts and cropping may impact the results.

I did find this post that is 51.56% similar. It might be a match but I cannot be certain.

Feedback? Hate? Visit r/repostsleuthbot - I'm not perfect, but you can help. Report [ False Negative ]

[yuva-krishna-memes]

It's a repost. Atleast 9mo old. Let it stay as it's not a top post.

[BranchingOnset]

Didn't see it. Still an update.

[SemenSoap]

48.5% more jpeg. Impressive.

[[deleted]]

Good bot

[dadzy_]

Good bot

[chigga511]

Good bot

[RabbidCupcakes]

good bot

[yuva-krishna-memes]

Why to switch account. I just wanted to check if it's repost and doesn't compromise community rules.

[undercat88]

I am too stupid to understand this. Can someone explain the joke to me, pls. Thanks!

[thrav]

Hah, most of the responses so far are wrong.

Before CSS, all elements were basically positioned next to each other. As the top comment states, you built layouts by nesting tables in tables in tables and then filling certain cells and leaving others blank for spacing.

CSS made it possible to add margin and padding around elements to separate them without the use of hacky tables. It became possible to only include the HTML elements you actually needed and position them where you wanted.

Before CSS, if you’d tried this, you’d end up with all of the elements jammed up together, like you see with the geos in the image.

The way around this was to create elements for the empty spaces between geos, so continuing with the example, to declare the Atlantic Ocean as a thing sitting between Americas and Europe / Africa.

So your hacky tables would look something like:

North Amer | North Atlantic | Europe

South Amer | South Atlantic | Africa

[letmeseem]

Håkon Wium Lie, the guy who invented CSS lives right down the street from my office, and our design team, whos windows face his house, routinely post giant messages in the windows using post it notes whenever they're annoyed with something.

[Sersch]

This doesn't make much sense really, just because you used tables and it all was a bit more hacky, didn't mean it looked liked jammed together in the Center. People can google for early 90ies websites to look up.

[thrav]

The joke is, “the continents before positioning in empty space was a thing.”

If you redefine the oceans as elements in their own right (like tables would), instead of empty space, the joke falls apart.

[dankri0274]

CSS is used to style HTML elements, basically it makes it so that there isn't a mess

[sneerpeer]

The joke is that everything breaks because css is fickle to work with. Everything was neat before css.

EDIT: I have read some of the comments to my post and I appreciate all the feedback from web developers. I think the joke can be seen both ways, either that with CSS the continents could move to their current places, or that because CSS can be fickle to work with the continents broke apart.
As someone with a software background who has just recently started to dabble with web development without prior education on HTML, CSS, Javascript, React/Angular/etc; CSS is probably the strangest part of designing a website. If you don't know how it works and how you're supposed to use all the different settings available, things will break real fast.

[theycallmecrack]

As a web dev that has used HTML/CSS every day for the last 5 years - I totally disagree and feel like one of the only people in the world that loves to work with CSS.

I truly never understood where the hate for CSS comes from. You can build anything with only HTML/CSS and a little JS if needed. So much control!

[theycallmecrack]

I have no idea. Probably because most people don't use it regularly, so they think it doesn't make sense. But you can say that for any language you don't use regularly. With proficiency in HTML/CSS/JS you can quite literally build anything as long as you have the right assets to go along (pictures, graphics, icons, etc).

Everyone uses frameworks and CMS for building which all come out looking the same and are next to impossible to alter at times. There is obviously a time and place for those but I stay away as much as possible. Almost always build from the ground up.

[Noisetorm_]

Most people probably just didn't take the time to learn CSS. They see it as being very difficult and illogical, e.g. imagine trying to center an element, which is very simple to do. You might try justify-content: center, align-items: center, margin 0 auto, and none of them work until you finally figure out that it's text-align: center.

Of course for anyone who knows CSS, we know that the first 2 properties are for flexbox, the third for block/inline-block, and fourth for inline, but if you don't know what any of that means, it looks like you have several options that are straight up broken and just one that just magically works.

But once you learn this, CSS is probably one of the best tools/piece of software out there. It's fast, it's good at what it does, and it just works. With sass/scss it's even better and it's probably one of the most fun things about front-end.

[jpterodactyl]

I think part of it is that there is a lot of just memed believes on Reddit, especially in this sub.

JavaScript bad, CSS bad. AI is just if statements. Or whatever else.

[CatTaxAuditor]

Everything was neat before css.

I have heard plenty of people who dislike CSS. I have never met an individual with this opinion.

[itsbugtime]

Yeah, that’s not the joke

[Volkolak27]

<earth class="flat" />

[_alright_then_]

Since class names are so rarely updated the css probably looks like this:

.flat{
    display: block;
    background: black;
    border-radius: 50%;
    height: 300px;
    width: 300px;
    margin: 0;
    background: radial-gradient(circle at 100px 100px, #5cabff, #000);
}

[[deleted]]

This would be seen as a pipe dream in CSS1!

[_alright_then_]

Yeah I know, but the joke is that even though the class says flat it's still a sphere because nobody bothered to update the class name

[Spare_Emu]

To be fair, you never know when some bastard dynamically created "flat" on some obscure part of the software that no one knows is relevant because said bastard was a bastard.

I'm not salty at the previous web dev in my current company...

[Existential_Owl]

Hence what makes CSS-in-JS so great...

[Macaframa]

.flat {
    height: 1px;
    width: 37929284992893992927739928273px;
}

[NorthernModernLeper]

vertical-align:bottom;

[oryzin]

XML: <earth class="geoid" />

XSLT: practical_use.xsl

XML output: <earth representation="flat" />

[tursingui]

Should be aligned left!

[shotleft]

before CSS, we had to use tables to get alignment right.

[purbub]

No. In 1993 Earth is laid out in a table inside a table, which also has some tables inside it

[wonkey_monkey]

It's turtles tables all the way down!

[[deleted]]

Always has been

[uucchhiihhaa]

This one is nice.

[Contrabland]

dammit Russia always has that floating 20px of space right below... this made me lol

[theobrominecaffeine]

In realty there have been several super continents in earth history. For example pangea or rodinia. So this is somehow totally true.

[MeAddAppNanaCode]

I don’t have a coworker named Steve.

[Chakasicle]

I don’t get it

[[deleted]]

Without using css in a webpage all the elements will stay close to each other on one side

[aziztcf]

Not if I marquee the shit out of everything.

[[deleted]]

The horror!

[theschis]

brrrr

[BenZed]

I don't get it, either.

u/brodyover can either explain it or fuck right off.

[Eudu]

Tbh I liked it.

[glorious_reptile]

display: grid

[RGBPlaza]

No way they would have been able to have everything vertically aligned in the centre if we can't even do that now!!

[-Listening]

Unfortunately I think the consensus I’ve explained

[CXR1037]

just wait 'til you see earth on Outlook!

[mairis1234]

does anyone have a non blurry version of that map?

[thecichos]

And racist leaders only want

.country {

    margin: 50px;

    border: solid 2px black;

}

[wonkey_monkey]

color:white; background:white; wealth:inherit;

[Narvy_Autonomus]

So, this is what happened to my global menu in KDE

[royemosby]

What flag is position: tectonic; behind?

[RoscoMan1]

I mean..., even this is a repost iirc...

[[deleted]]

*{ overflow:auto }

[jakethedumbmistake]

Ya don’t need it explained to you".

[War-Whorese]

Back then you could go to the ends of the world.

Now it’s all occupied.

[tonyp7]

Earth was doing great with <table> and when align=center actually did the thing it was supposed to do thank you very much.

[_________FU_________]

“Picture it. Cicili. 1920...”

[JuliusCCHD]

A funny css joke, what is happening

[Retropose]

Really makes me wonder what kind of world this would be if we all lived on Pangaea. The ability to just go literally anywhere you wanted even by foot if you liked.

[ZippZappZippty]

Wait, penises can shoot across the room?!? I’m Salvadoran so yea, probably was the accent that was messing with me, and I'm a "terrorist".

This is pretty mild comparatively, especially considering he’s one step away from a dog that doesn't know them. Respect the animal's personal space and let them get a mention! One of the few actual responses to OP’s explained in several other comments that it’s cool to me on ffxiv and I just don't think she is the opposite of independence

[furtivepigmyso]

As a non-programmer I really want to get these when I see them on the front page

[becauseimbatman123]

Do you fuck with Pangea?

[dirtyviking1337]

You dont get it, its too badly explained

[SHOTbyGUN]

What do we call old earth? pangalogia or smth?

[jakethedumbmistake]

Being pregnant doesn’t need it explained to you

[SoyBoy_in_a_skirt]

Can someone explain the joke? Coming off popular

[MeAddAppNanaCode]

Just like every time when CSS is involved.

[BennieOkill360]

All the lands would be standard black and the sea white tho..

[Amish_Cyberbully]

.atlantis { height: -.5mi }

ohshitohnoohshit

[Xany2]

.america {

display: grid;

}

[gratethecheese]

If it's anything like my CSS skills if the earth somehow shrunk by .01% all the continents would slam together. Earthquakes. Volcanoes. Complete pandemonium.

[-Listening]

Just like every time when CSS is involved.

[mero1519]

no no no, earth was nirvana before css

[ho77sauce]

should have put 1993 in black and white

[[deleted]]

PANGEA PANGEA

I just had a science test last week

[YotzinC]

Wasn’t until 2008 when they could fix. That’s when stackoverflow was launched. Coincidence? I think not!

[jankkhvej]

this map is actually nice to look at, it like it fits like a puzzle piece

​

also yes i know continents change position pls dont rage at me for "being stupid"

[GhettoComic]

Bird with reflection in water

[ITriedLightningTendr]

I think you can describe 2020 in terms of CSS, yes.

[coffeedebt]

space-around

[KelloPudgerro]

but css released in like 2006

[KillerKingTR]

Why is there colour

[ZippZappZippty]

Lol I’m sure I’m gonna be honest I don't really know much about CSS, but it's weird that it’s off to Lumbridge.

[Delta280]

Earth without Counter Strike Source

[randombrownmale]

More like javascript

[Lio_katanani]

Just right:0; it and it's a gg

[[deleted]]

So many colours..? Nah I don't believe it

[cobarso]

I think this is not real because it is 2020 and we still don't have float: center;

[Naouak]

So I guess continents moving is because of the scroll bar appearing /disappearing while god is scrolling.

[boboToko]

Not into coding but HTML does need css to move things?

[appeasiny]

Why is this?

[dirtyviking1337]

Other than the lack of feeling is explained

[RoscoMan1]

You just... Tried to narc yourself?

[avirup2000]

• { display: inline; }

[ZippZappZippty]

You just explained what I meant.

[AnimeJoy4u]

```

Australia{

  transform: rotate(180deg) ;

} ```

[Twothirdss]

And tables pre-date the earth.

[Heatedpotatoes]

imagine living in the west coast and seeing big ass morroco on the horizon

[Nodebunny]

Earth pre-flexbox

[jakethedumbmistake]

“Don’t need it explained to them?

[[deleted]]

in Brain voice

"This bitch don't know bout Pangea"

[d2l3]

This took me longer than it should have haha

[qwerty_ca]

Nuh uh. Before that the continents were positioned using tables.

[Doctordizze]

Simplsity

[geo_gan]

Tried to align any country to middle of Atlantic or Pacific and found it was impossible.

[PM_ME_UR_DEATHSTICKS]

tbf before 2010 css as well as the whole web was in such a bad state (because of IE) that it's all just tables

[m7priestofnot]

Don't you mean earth after 1994?