File tree 1 file changed +21
-11
lines changed
1 file changed +21
-11
lines changed Original file line number Diff line number Diff line change 7
7
# div1 {
8
8
color : white;
9
9
background-color : gray;
10
- width : 300 px ;
11
- height : 300 px ;
10
+ width : 250 px ;
11
+ height : 150 px ;
12
12
margin-top : 50px ;
13
13
padding : 40px ;
14
14
box-shadow : 10px 10px 5px black;
15
+ float : left;
15
16
}
16
17
# div2 {
17
18
/*color: blanchedalmond;*/
18
19
/*background-color: cornflowerblue;*/
19
- width : 400 px ;
20
- height : 300 px ;
20
+ width : 300 px ;
21
+ height : 250 px ;
21
22
margin : 50px 50px 50px 20px ;
22
23
padding : 0px 35px 80px 35px ;
23
24
box-shadow : 10px 10px 5px grey;
26
27
background-repeat : no-repeat;
27
28
background-position : center bottom;
28
29
border : 5px violet groove;
30
+ float : left;
29
31
}
30
32
# div3 {
31
33
color : blanchedalmond;
32
34
background-color : peru;
33
- width : 300 px ;
34
- height : 300 px ;
35
- /* margin: top right bottom left; */
35
+ width : 250 px ;
36
+ height : 150 px ;
37
+ /*margin: top right bottom left;*/
36
38
margin : 50px 50px 50px 20px ;
37
39
padding : 40px 30px 40px 30px ;
38
40
box-shadow : 10px 10px 5px grey;
39
- border : 10px dotted brown
41
+ border : 10px dotted brown;
42
+ float : left;
43
+ }
44
+ # main_div {
45
+ background-color : aquamarine;
46
+ width : 1340px ;
47
+ height : 615px ;
40
48
}
41
49
</ style >
42
50
</ head >
43
51
< body >
44
- < div id ="div1 "> < h1 > Div Tag 1</ h1 > </ div >
45
- < div id ="div2 "> < h2 style ="color: black "> < br > Div Tag 2</ h2 > </ div >
46
- < div id ="div3 "> < h1 > Div Tag 3</ h1 > </ div >
52
+ < div id ="main_div ">
53
+ < div id ="div1 "> < h1 > Div Tag 1</ h1 > </ div >
54
+ < div id ="div2 "> < h2 style ="color: black "> < br > Div Tag 2</ h2 > </ div >
55
+ < div id ="div3 "> < h1 > Div Tag 3</ h1 > </ div >
56
+ </ div >
47
57
</ body >
48
58
</ html >
You can’t perform that action at this time.
0 commit comments