File tree Expand file tree Collapse file tree 1 file changed +37
-0
lines changed
Expand file tree Collapse file tree 1 file changed +37
-0
lines changed Original file line number Diff line number Diff line change 1+ <!DOCTYPE html>
2+ < html lang ="en ">
3+ < head >
4+ < meta charset ="UTF-8 " />
5+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0 " />
6+ < title > Structuring the Div</ title >
7+ < style >
8+ body { margin : 0 ; font-family : Arial, sans-serif; }
9+ header , footer { background : # 333 ; color : white; padding : 1em ; text-align : center; }
10+ nav { margin-top : 10px ; }
11+ main { display : flex; }
12+ .sidebar { width : 20% ; background : # f4f4f4 ; padding : 1em ; }
13+ .content { flex : 1 ; padding : 1em ; }
14+ footer { margin-top : auto; }
15+ </ style >
16+ </ head >
17+ < body >
18+ < header >
19+ < h1 > My Web Layout</ h1 >
20+ < nav >
21+ < a href ="# " style ="color: white; margin: 0 10px; "> Home</ a >
22+ < a href ="# " style ="color: white; margin: 0 10px; "> About</ a >
23+ </ nav >
24+ </ header >
25+ < main >
26+ < div class ="sidebar ">
27+ < p > Sidebar content</ p >
28+ </ div >
29+ < div class ="content ">
30+ < p > Main content area</ p >
31+ </ div >
32+ </ main >
33+ < footer >
34+ < p > © 2025 Ashirwad Jenamani</ p >
35+ </ footer >
36+ </ body >
37+ </ html >
You can’t perform that action at this time.
0 commit comments