diff --git a/my-styles.css b/my-styles.css index f7d02e4..0fbe01a 100644 --- a/my-styles.css +++ b/my-styles.css @@ -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; + +}