pseudo element test

by Richard Hunter

HTML

<div class="foo"></div>

CSS

.foo {
  background: yellow;
    height: 100px;
  width: 100px;
  position: relative;
  
}
.foo:before {
  content : '',
  position: absolute;
  left: 0;
  top: 0;
  padding: 40px;
  background: red;
}