CSS Humor

USA California Background Image URL Flag Canada

  1. #usa .california {
  2.   background-image: url("flag-canada.png");
  3. }

From @ramriot

Trump Federal Taxes Display None

  1. #trump .federal-taxes { display: none; }

From @Kedxr

Body Pain Display None Position Relative Z-Index -99999999 Padding 20000px

  1. body .pain {
  2.   display: none;
  3.   position: relative;
  4.   z-index: -99999999;
  5.   padding: 20000px;
  6. }

From @jibbystardust

Gymnast Display Flex

  1. .gymnast { display: flex; }

From @go6_media

Friday Drink Position Relative Float Left

  1. .Friday-drink {
  2.   position: relative;
  3.   float: left;
  4. }

From @MrMuthondu

Europe Country Brexit Border Right 1px Solid Overflow Hidden

  1. #Europe .country > .brexit {
  2.   border: right 1px solid;
  3.   overflow: hidden;
  4. }

From @ramriot

NSA Transparency None Content All Justify Content Inherit

  1. .NSA {
  2.   transparency: none;
  3.   content: " * ";
  4.   justify-content: inherit;
  5. }

From @ChrisJPatty

Lego Vacuum Content Graa Gadaga Gadaga Screeeeeeee Flumps Fizzle Bang Color Blue Smoke

  1. .lego > #vacuum {
  2.   content: "Graa gadaga gadaga
  3.     screeeeeeee flumps, fizzle BANG!";
  4.   color: blue-smoke;
  5. }

From @ramriot

President Trump Color Orange Position Absolute Border 1px Ridged Content Blather Cursor Crosshair

  1. #president .trump {
  2.   color: orange;
  3.   position: absolute;
  4.   border: 1px ridged;
  5.   content: "Blather!";
  6.   cursor: crosshair;
  7. }

From @ramriot

Despot Position Absolute

  1. .despot { position: absolute; }

From @wildtangoweb