<!doctype html>

<style>
body {
  font-family: monospace;
  max-width: 900px;
}

#gray, #blue {
    vertical-align:top;
}

#blue {
    overflow: hidden;
}

#gray {
  height:400px;
  width:400px;
  margin:2px;
  border:1px solid #a0a0a0;
  font-size:18px;
  line-height:2;
  color:#a0a0a0;
  text-align:justify;
  clear:both;
  float:left;
}

#blue { 
  height:200px;
  width:300px;
  margin-top: 2px;
  margin-left:10px;
  border:1px solid black;
  font-size:12px;
  line-height:2;
  color:#00a0e0;
  text-align:justify;
  clear:none;
  float:left;
}
</style>

<div id="gray">
  <span style="background-color:#a0a0a0">
    This is some content This is some content 
    This is some content This is some content 
    This is some content This is some content 
    This is some content This is some content 
    This is some content This is some content 
    This is some content This is some content 
    This is some content This is some content 
    This is some content This is some content 
    This is some content This
  </span>
</div>

<div id="blue">
  <span style="background-color:#00a0e0">
    This is some content This is some content 
    This is some content This is some content 
    This is some content This is some content 
    This is some content This is some content 
    This is some content This is some content 
    This is some content This is some content 
    This is some content This is some content 
    This is some content This is some content
  </span>
</div>