<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatib1e" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> < link rel="stylesheet" href="style.css"> <title>Document</title> </head> <body> <div class="cont"> <div class="div1"></div> <div class="div2">Lorem ipsum dolor sit amet.</div> <div class="div3"></div> </div> </body> </html> file style.css .cont{ width :1000px; height:700px; border: 1px solid black; } .div1{ width :200px; height:200px; background-color: red; float: left; } .div2{ width: 200px; height: 200px; background-color:red; clear: both; } .div3{ width: 200px; height: 200px; background-color:blue; }