From 043918cbb511a63cb1563689115494dcbef1626e Mon Sep 17 00:00:00 2001 From: Peter Gray Date: Mon, 22 Jan 2018 14:49:11 -0600 Subject: [PATCH] finished box model layout --- index.html | 12 ++++++++++++ styles.css | 27 +++++++++++++++++++++++++++ 2 files changed, 39 insertions(+) diff --git a/index.html b/index.html index f74abbf..2f64ecd 100644 --- a/index.html +++ b/index.html @@ -7,5 +7,17 @@ +

+ Header +

+
+

Placeholder

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas pretium hendrerit augue, nec faucibus turpis venenatis nec. Donec eget lectus sit amet diam consectetur imperdiet non id ligula. Curabitur lacinia sem sit amet quam molestie, eleifend rutrum velit cursus. Curabitur turpis odio, lobortis quis nisi quis, pulvinar tempus lacus.

+
New!
+
+
+

Placeholder

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas pretium hendrerit augue, nec faucibus turpis venenatis nec. Donec eget lectus sit amet diam consectetur imperdiet non id ligula. Curabitur lacinia sem sit amet quam molestie, eleifend rutrum velit cursus. Curabitur turpis odio, lobortis quis nisi quis, pulvinar tempus lacus.

+
\ No newline at end of file diff --git a/styles.css b/styles.css index e69de29..7069faf 100644 --- a/styles.css +++ b/styles.css @@ -0,0 +1,27 @@ +h1, div.block { + border: 2px solid black; + padding:20px; + margin:0; + box-sizing:border-box; +} +div.block { + width:50%; + float: left; + position:relative; +} +h1 { + text-align: center; +} +h2 { + margin-top:0; +} +p { + margin-bottom:0; +} +.block-flag { + position:absolute; + top:10px; + right:0; + background-color:gray; + padding:10px; +} \ No newline at end of file