labeled-ins-block

dabblet.css

/* labeled-ins-block */

    .labeled-ins-block {
      display: block;
      border-left: 0.75em solid #47ad09;
      padding-left: 0.5em;
    }
    
    .labeled-ins-block:before {
      position: relative;
      display: block;
      content: "Addition";
      left: -1.55em; /* подгоняем размер */
      top: 5em; /* подгоняем размер */
      width: 0;
      height: 0;
      font: 0.6em/0 "Helvetica Neue", Arial, Helvetica, sans-serif;
      letter-spacing: 1px;
      color: #fff;
      -webkit-transform: rotate(270deg);
      -moz-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
      -o-transform: rotate(270deg);
      transform: rotate(270deg);
    }

dabblet.html

<p class="labeled-ins-block">Нора сперва шла ровно, как тоннель, а потом <br>сразу обрывалась так круто и неожиданно, <br>что Алиса ахнуть не успела, как полетела-полетела <br>вниз, в какой-то очень, очень глубокий колодец.</p>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}