#right_wrapper { width: 49.9%; float: left; position: relative; z-index: 1; } </style> </head> <body> <div id="left_wrapper"> <div id="left"> <p>This is the left text : This is the left text : This is the left text : This is the left text : This is the left text : This is the left text : This is the left text : This is the left text : </p> </div> </div> <div id="middle_wrapper"> <div id="middle"> <p>This is the middle text : this is the middle text This is the middle text : this is the middle text This is the middle text : this is the middle text This is the middle text : this is the middle text This is the middle text : this is the middle text </p> </div> </div> <div id="right_wrapper"> <div id="right"> <p>This is the right text : This is the right text This is the right text : This is the right text This is the right text : This is the right text This is the right text : This is the right text </p>