.MainScreen
{
background-color: #FFAAFF;
width: 100%;
height: 100%;
}
.LeftScreen
{
float: left;
width: 50%;
height: 100%;
background-color: #C1DCF3;
}
.RigthScreen
{
float: right;
width: 50%;
height: 100%;
white-space: nowrap;
overflow-y: hidden;
overflow-x: scroll;
background-color: #B9FFC6;
}
<div id="divMainScreen" class="MainScreen">
<div id="divLeftScreen" class="LeftScreen">
<p>In object-oriented programming, a class is a construct that is used as a blueprint to create instances of itself – referred to as class instances, class objects, instance objects or simply objects</p>
</div>
<div id="divRightScreen" class="RigthScreen">
<p>In object-oriented programming, a class is a construct that is used as a blueprint to create instances of itself – referred to as class instances, class objects, instance objects or simply objects</p>
</div>
</div>