Skip to content
85 changes: 85 additions & 0 deletions my-styles.css
Original file line number Diff line number Diff line change
Expand Up @@ -2,3 +2,88 @@

/* All your edits should go here */

#display-01 div{
display: inline;
border:.5px solid blue;
margin: 20px;


}

#display-02 span{
display: block;
border: .5px solid red;
width: 100%;
}

#display-03 div{
display: inline;
box-sizing: content-box;
height: 250px;
width: 250px;
padding: 30px;
border:.5px solid green;
}

#display-04 div:nth-of-type(1){
display: none;

}
#display-05 a{
display:block;
background-color: grey;
color: white;
padding: 10px;
width: 50%;
margin: auto;
}

#boxmodel-01 div{
display: block;
width: 50%;
margin-left: auto;
border: 2rem solid blue;

padding: 20px;

}

#boxmodel-02 div{
box-sizing: border-box;
display: block;
width: 50%;
margin: auto;
border: 2rem solid blue;

padding: 20px;
}

#float-01 img{
float:left;
margin: 5%;
margin-left: 0

}
#float-02 img{
float:right;
margin: 5%;
margin-right: 0
}
#float-03 img{
float:left;
margin: 3%;
}
#float-03 p.clear{
clear: left;
}

#float-04 img{
clear: left;
margin: auto;

}
#float-04 div{
background-color: cyan;
display:flow-root;

}