Prev Demo
HTML Layout Using Div
Next Demo
Write code here
J
|
B
|
A
<!DOCTYPE html> <html> <head> <title>HTML layout using div</title> </head> <body> <h2>HTML layout using div </h2> <div> <div style="background-color:green; width:100%"> <h1>This is header in the page</h1> </div> <div style="background-color:orange; height:200px;width:100px;float:left;"> <div><b>Main Menu</b></div> AngularJS<br /> Asp.Net<br /> Java </div> <div style="background-color:violet; height:200px;float:left;"> <p>This is body in the page</p> </div> <div style="background-color:lightyellow; height:200px;float:right;"> <div><b>This is HTML layout</b></div> HTML<br /> PHP<br /> PERL... </div> <div style="background-color:blue;clear:both"> <center> Am called Footer in the page </center> </div> </div> </body> </html>
Note: We DO NOT save your trial code in our database.
Output
