<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<title>Document</title>
<style>
html, body, div{height: 100%;margin:0;padding:0;}
.wrp span{
vertical-align: top;
display: inline-block;
white-space:pre-wrap;
word-wrap: break-word;
width:200px;
height: 200px;
border: 1px solid red;
}
.wrp{
border: 1px solid blue;
white-space:nowrap;
padding:12px 0;
height: auto;
margin-top:0;
}
</style>
<div class=wrp>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span>
вввввввввввввввввввввввввввввввввввввввввв
вввввввввввввввввввввввввввввввввввввввввв
вввввввввввввввввввввввввввввввввввввввввв
вввввввввввввввввввввввввввввввввввввввввв
вввввввввввввввввввввввввввввввввввввввввв
вввввввввввввввввввввввввввввввввввввввввв
вввввввввввввввввввввввввввввввввввввввввв
вввввввввввввввввввввввввввввввввввввввввв
вввввввввввввввввввввввввввввввввввввввввв
</span>
</div>