.scaleable-wrapper {
  padding: 20px;
  resize: both;
  position: relative;
  background: #efefef;
  height: 100px;
}
#block {
  height: 300px;
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transform-origin: center center;
}
.ui-resizable-se {
  width: 10px;
  height: 10px;
  background: orange;
  position: absolute;
  bottom: 0;
  right: 0;
}


pre {
  border: 1px solid black;
  padding: 5px;
  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+ */
  font-family: 'Open Sans', sans-serif;
  font-size: 1em;
}
pre code {
    counter-reset: line-numbering;
}

pre code .line::before {
    content: counter(line-numbering);
    counter-increment: line-numbering;
    padding-right: .8em; /* space after numbers */
    margin-right: 5px;
    width: 1.5em;
    text-align: right;
    opacity: 0.5;
    background-color:#efefef;
}