diff --git a/display-exercise.html b/display-exercise.html index 433b6cba..7b0fc756 100644 --- a/display-exercise.html +++ b/display-exercise.html @@ -16,7 +16,37 @@ - -

Placeholder!

+ + + + CSS Layout Exercises | position property + + + + + + + + + + + + + +
+
+
+
+
+
+
+
+
+
+
+
+
+ + - \ No newline at end of file + diff --git a/styles/display-page.css b/styles/display-page.css index e69de29b..883e7b7c 100644 --- a/styles/display-page.css +++ b/styles/display-page.css @@ -0,0 +1,51 @@ +main { + font-size: 0; +} + + +.box-parent { + margin-top: 90px; + margin-left: auto; + margin-right: auto; + width: 800px; +} + +.box { + border: 1px solid black; + display: inline-block; +} + +.box_half { + width: 50%; + height: 200px; +} + +.box_third { + width: 33.33%; + height: 300px; +} + +.black { + background-color: black; + border: 1px solid; +} + +.green { + background-color: green; +} + +.grey { + background-color: grey; +} + +.blue { + background-color: blue; +} + +.orange { + background-color: orange +} + +.centered { + text-align: center; +}