hamburger menu label

by Soviut

HTML

<a href="#" class="hamburger"></a>

CSS

.hamburger {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 40px;
  height: 40px;
  
  background: cornflowerblue;
}

.hamburger:before {
  content: 'MENU';
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  margin-right: 100%; /* horizontal pull to the left */
  transform: translate(-5px, -50%); /* horizontal offset and vertical centre */
  padding: 2px 5px;

  font-family: arial, helvetica, san-serif;
  color: black;
  background: orange;
}