From 1b02cc8f2c549ef799725da7b6729308c1e636ef Mon Sep 17 00:00:00 2001 From: Ethan Kubistek Date: Thu, 19 Sep 2019 13:45:43 -0400 Subject: [PATCH 1/3] display 1 and 2 done --- my-styles.css | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/my-styles.css b/my-styles.css index f7d02e4..85b59c5 100644 --- a/my-styles.css +++ b/my-styles.css @@ -1,4 +1,13 @@ /* Your Stylesheet */ /* All your edits should go here */ +#display-01 div{ + display: inline; + border: thin solid blue; + margin: 20px; +} +#display-02 span{ +display: block; +border: thin solid red; +} From 338f0a485ad27e6f245a7d65a8f37459edf1d7d9 Mon Sep 17 00:00:00 2001 From: Ethan Kubistek Date: Thu, 19 Sep 2019 15:37:49 -0400 Subject: [PATCH 2/3] ton of stuff --- my-styles.css | 68 +++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 68 insertions(+) diff --git a/my-styles.css b/my-styles.css index 85b59c5..dd40066 100644 --- a/my-styles.css +++ b/my-styles.css @@ -11,3 +11,71 @@ display: block; border: thin solid red; } +#display-03 div{ +display: inline-block; +box-sizing: border-box; +width: 100px; +height: 100px; +border: thin solid green; + +} + +#display-04 div:nth-of-type(1){ + Display: none; +} + +#display-05 a[href]{ +position: relative; +display: block; +background: gray; +width: 50%; +padding: 20px; +margin-left: auto; +margin-right: auto; +} + +#boxmodel-01 div{ +display: block; +width: 50%; +border: thick solid green; +border-width: 20px; +padding: 50px; +margin-left: auto; +margin-right: auto; +} + +#boxmodel-02 div{ +display: block; +width: 50%; +border: thick solid green; +border-width: 20px; +padding: 50px; +margin-left: auto; +margin-right: auto; +box-sizing: border-box; +} +#float-01 img { +float: left; +margin-top: 25px; +margin-right: 20px; +margin-bottom: 5px; +} + +#float-02 p { +text-align : justify; +} + +#float-02 img { +float: right; +margin: 20px; +} + +#float-03 p.clear{ +float: left; +margin: 20px; +} + + + + + From 76a74a78725f23813dfc9c6528d145cd0680557d Mon Sep 17 00:00:00 2001 From: Ethan Kubistek Date: Thu, 19 Sep 2019 16:31:06 -0400 Subject: [PATCH 3/3] ton of shit --- my-styles.css | 51 +++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 51 insertions(+) diff --git a/my-styles.css b/my-styles.css index dd40066..64fb313 100644 --- a/my-styles.css +++ b/my-styles.css @@ -75,6 +75,57 @@ float: left; margin: 20px; } +#float-03 img{ +float: left; +margin: 20px; +} + +#float-04 div{ +float: left; +margin-bottom: 10px; +background: lightblue; +} + +#float-04 img{ + float: left; + margin: 20px; + } +#float-05 p:first-child { + box-sizing: content-box; + width: 45%; + float: left; + border-right: thin solid black; + margin-right: 35px; + padding-right: 20px; + } + +#float-06 p:first-child { + box-sizing: content-box; + width: 45%; + float: left; + border-right: thin solid black; + margin-right: 35px; + padding-right: 20px; +} +#float-06 p:nth-child (2) { +box-sizing: content-box; +width: 45%; +float: right; +margin-right: 35px; +padding-right: 20px; +} + +#float-06 div{ +box-sizing: content-box; +float: left; +padding: 20px; + +} +#float-06 >p{ +clear: both; +padding-bottom: 20px; +} +