Cacher is the code snippet organizer for pro developers

.square {
  position: relative;
  width: 50%;
  background-color: red;   
}
          
.square::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.content {
  position: absolute;
  width: 100%;
  height: 100%;
  word-wrap: break-word;
}