<!DOCTYPE html> <html lang="en"> <head> <style> html, body,h1,h2{ margin: 0; padding: 0; } h1{ color: blue; background:#ffcccc ; text-align: center; } h2{ text-align: center; color: blue; background:#ffcccc ; } li{ list-style-type: square; } #banner{ background: black; height: 200px; width: 100%; } #menu{ background: red; height: 200px; width: 100%; } #content{ background: orange; height: 200px; width: 100%; } .box{ background: grey; height:200px; width: 200px; float: left; margin: 10PX; } </style> <meta charset="UTF-8"> <title>AIRCRAFT</title> </head> <body> <div id="banner"> </div> <div id="menu"> </div> <div id="content"> <div class="box">AIRBUS</div> <div class="box">BOEING</div> <div class="box">BOMBARDIER</div> </div> <h1>AIRBUS</h1> <p>A319</p> <p>A320</p> <p>A321</p> <u1> <li>A321neo</li> <li>A321xlr</li> </u1> <p>A330</p> <P>A340</P> <h2>BOEING</h2> <p>B707</p> <p>B737</p> <p>B747</p> </body> </html>[](https://)