pre{
  text-align: left;
  font-size: 16px;
}
.hj{
  position: relative;
}
.hj__title{
  position: absolute;
  left: 0;
  top: 23px;
  color: white;
  margin: 0;
  font-size: 14px;
  padding: 5px 10px;
}
.hj__title--html{
  background: #E9573E;
}
.hj__title--css{
  background: #3BAEDA;
}
.hj__title--js{
  background: #F6BB43;
}
.hj__title--php{
  background: #8CC051;
}
.hj__title--java{
  background: #DB4455;
}
.hj__title--other{
  background: #656D78;
}