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 style="color:mediumaquamarine">HTML table using div</h2> <div> <div style="background-color:green;"> <h1>Header</h1> </div> <div style="background-color:blue; height:200px;width:100px;float:left;"> <div><b>Main Menu</b></div> HTML<br /> ANgularJS<br /> Csharp... <br/> </div> <div style="background-color:pink; height:200px;width:350px;float:left;"> <p>Online Tutorials</p> </div> <div style="background-color:lightsalmon; height:200px;width:100px;float:right;"> <div><b>Tutorials</b></div> HTML<br /> CSS<br /> JavaScript </div> <div style="background-color:lemonchiffon;clear:both"> <center> Visit us at www.techfunda.com </center> </div> </div> </body> </html>
Note: We DO NOT save your trial code in our database.
Output
