span.done,
span.fail{
  padding: 0.5rem;
  display: block;
  width: 8rem;
  text-align: center;
  margin-top: 1rem;
  border-radius: 5px;
}

span.done{
  border: 2px solid #d6e9c6;
  background-color: #dff0d8;
  color: #3c763d;
}

span.fail{
  color: #bd7f75;
  border:2px solid #d28679;
  background-color: #fcf4f2;
}
pre{
  white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
  white-space: -pre-wrap; /* Opera */
  white-space: -o-pre-wrap; /* Opera */
  white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
  word-wrap: break-word; /* IE 5.5+ */
}
.editable{
    border: solid 2px deeppink;
    width: 10rem;
    height: 1rem;
    display: inline-block;
}