vertical scroll

<style>
#hoohoo {
width: 20em;
border: 1px solid black;
white-space: nowrap;
overflow-y: auto;
padding: 1em;
box-sizing: border-box;
height: 15em;
overflow-x: hidden;
}
.lala {
width: 17.5em;
border: 1px solid black;
white-space: normal;
display: block;
height: 90%;
padding: .2em;
vertical-align: middle;
margin-bottom: 10px;

}
</style>
<div id="hoohoo">
<div class="lala">
To make these into scrollboxes put 'overflow-x: auto;' under .lala!
</div>

<div class="lala">
You can add these infinitely, just add another div class="lala" in between greater than/less than signs.
</div>
<div class="lala">
More stuff here
</div>
<div class="lala">
More stuff here
</div>
<div class="lala">
More stuff here
</div>
</div>