Untitled

dabblet.css

*, *:before, *:after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  
  position: relative;
  }

html, body {
  height: 100%;
  }

html {
  background-color: skyblue;
  padding: 2%;
  }

body {
  background-color: white;
  overflow: hidden;
  }

.container {
  overflow: auto;
  background: red;
  transform:
    rotate(-90deg);
  }
  .container div {
    height: 200px;
    width: 200px;
    border: 2px dashed;
    border-top: 4px solid;
    margin: 2%;
    }
  .container div:first-child {
    height: 500px;
    width: 500px;
    
    transform-origin: 50%;
    transform:
      rotate(90deg)
    }

dabblet.html

<div class='container'>
  
  <div></div>
  <div></div>
  
</div>

settings.json

{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"result"}