<!DOCTYPE html> <html> <style> .top { background-color: red; width: 800px; height: 400px; } .bottom { background-color: #fec; width: 800px; height: 400px; } .leftCut { position: absolute; margin-left: 0px; margin-top: 0px; width: 10px; height: 800px; background-color: black; } .rightCut { position: absolute; margin-left: 790px; margin-top: 0px; width: 10px; height: 800px; background-color: black; } .centerCut { position: absolute; margin-top: 395px; width: 800px; height: 20px; background-color: black; } </style> <body> <div class="leftCut"></div> <div class="rightCut"></div> <div class="centerCut"></div> <div class="top"></div> <div class="bottom"></div> </body> </html>