If you are web designer or have any experience with HTML and building websites, then you will most likely be familiar with CSS. You are most certainly going to enjoy some of these puns below. If you are not a web designer, no worries! Even if you have no clue about the technicalities, you will still understand and enjoy these puns. If you are curious about CSS here is the basic gist of it. CSS is the abbreviation for Cascading Style Sheets, and it is the style sheet language that defines how the content on a web page should be displayed when it comes to colors, borders, fonts, backgrounds, and so forth. After an extensive search I have concluded that these are my top 15 CSS puns so far:

• #1

  .internet-explorer {
  	break-inside:auto;
  	}

• #2

  .berlin-wall {
  	border-collapse: collapsed;
  	}

• #3

  .belly {
  	overflow: visible;
  	}
  	

• #4

  .bambis-mom {
  	cursor: crosshair; orphans: 1;
  	}
  	

• #5

  .liberals {
  	left: 100%;
  	}
  	

• #6

  .hill-billy-sex { position: relative; }
  	

• #7

  .muscles { display: flex; }
  	

• #8

  #anneFrank { visibility: hidden; }
  	

• #9

  .tower-of-pisa {
  	transform: rotate(3.99deg);
  	font-style: italic; }
  	

• #10

  .ghost {
  	opacity: 0.1;
  	pointer-events: none;
  	}
  	

• #11

  .the-rich { top: 1%; }
  	.working-class {bottom: 99%;}
  	

• #12

  #lego {
  	display:block;
  	}
  	

• #13

  .hobbit {
  	height: 50%;
  	}
  	.hobbit #foot {
  	width: 200%;
  	}
  	

• #14

  #titanic {
  	float: none;
  	}
  	

• #15

  #chucknorris {
  	color: #BADA55;
  	}