<div class="page1" style="background:linear-gradient( 45deg, blue, red );"> <p>Página izquierda</p> </div> <div class="page2" style="background:linear-gradient( -45deg, blue, red );"> <p>Página derecha</p> </div> .page1 { width:460px; height:900px; position: absolute; left:0px; top:0px; } .page2 { width:460px; height:900px; position: absolute; left:461px; top:0px; } p{ color:white; font-size:32px; text-shadow:2px 2px 4px black; padding:20px; }