Css Rotation Scrolling view[SOLVED]

css rotation vertical scroll challenge

by rahulsemwal1991

HTML

<div class="outer">
  <div class = "scrollingDiv">
  <div>
    <p>
      Hi how are you
    </p>
    <p>
      Hi how are you
    </p>
    <p>
      Hi how are you
    </p>
    <p>
      Hi how are you
    </p>
    <p>
      Hi how are you
    </p>
    <p>
      Hi how are you
    </p>
    
  </div>
</div>
</div>

CSS

.outer{
  perspective: inherit;
}
.scrollingDiv{
  background-color:yellow;
  width:100px;
  height:100px;
  padding:10px;
  overflow:scroll;
}
.scrollingDiv>div{
  background-color:red;
  transform: rotate(90deg);//comment/remove comment->see the changes
  //transform: rotate(90deg);
}
.scrollingDiv p{
  width:150px;
  margin:0px;
}