{"id":2345,"date":"2019-11-21T12:53:40","date_gmt":"2019-11-21T12:53:40","guid":{"rendered":"https:\/\/blogs.glowscotland.org.uk\/nl\/ColtnessHS-ComputingScience\/?p=2345"},"modified":"2019-11-21T12:54:02","modified_gmt":"2019-11-21T12:54:02","slug":"higher-div-recap-lesson","status":"publish","type":"post","link":"https:\/\/blogs.glowscotland.org.uk\/nl\/ColtnessHS-ComputingScience\/2019\/11\/21\/higher-div-recap-lesson\/","title":{"rendered":"Higher &#8211; DIV CSS recap lesson"},"content":{"rendered":"<p>Using the supplied flag sheet create a HTML document to display each flag. Flags should be created using &lt;DIV&gt;, use CSS to style, you can choose to use inline, internal, or external CSS.<\/p>\n<p>Make use of float, background-color, borders, etc. as you see fit. I would say each flag should be about 300px long and 150px high.<\/p>\n<p>Code for an example French flag shown after the break.<\/p>\n<p><!--more--><\/p>\n<pre class=\"brush: xml; title: ; notranslate\" title=\"\">\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;title&gt;French Flag&lt;\/title&gt;\r\n&lt;\/head&gt;\r\n&lt;body&gt;\r\n\r\n&lt;div style=&quot;border-width:2px;width:300px;border-style:solid;&quot;&gt;\r\n\r\n  &lt;div style=&quot;background-color:red;height:50px&quot;&gt;&lt;\/div&gt;\r\n  \r\n  &lt;div style=&quot;background-color:white;height:50px&quot;&gt;&lt;\/div&gt;\r\n  \r\n  &lt;div style=&quot;background-color:blue;height:50px&quot;&gt;&lt;\/div&gt;\r\n\r\n&lt;\/div&gt;\r\n\r\n&lt;\/body&gt;\r\n&lt;\/html&gt;\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Using the supplied flag sheet create a HTML document to display each flag. Flags should be created using &lt;DIV&gt;, use CSS to style, you can choose to use inline, internal, or external CSS. Make use of float, background-color, borders, etc. as you see fit. I would say each flag should be about 300px long and &hellip;<\/p>\n","protected":false},"author":32,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[432098,432093,475],"tags":[],"class_list":["post-2345","post","type-post","status-publish","format-standard","hentry","category-higher","category-implementation-css","category-revision"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/blogs.glowscotland.org.uk\/nl\/ColtnessHS-ComputingScience\/wp-json\/wp\/v2\/posts\/2345","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.glowscotland.org.uk\/nl\/ColtnessHS-ComputingScience\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.glowscotland.org.uk\/nl\/ColtnessHS-ComputingScience\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/nl\/ColtnessHS-ComputingScience\/wp-json\/wp\/v2\/users\/32"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/nl\/ColtnessHS-ComputingScience\/wp-json\/wp\/v2\/comments?post=2345"}],"version-history":[{"count":4,"href":"https:\/\/blogs.glowscotland.org.uk\/nl\/ColtnessHS-ComputingScience\/wp-json\/wp\/v2\/posts\/2345\/revisions"}],"predecessor-version":[{"id":2349,"href":"https:\/\/blogs.glowscotland.org.uk\/nl\/ColtnessHS-ComputingScience\/wp-json\/wp\/v2\/posts\/2345\/revisions\/2349"}],"wp:attachment":[{"href":"https:\/\/blogs.glowscotland.org.uk\/nl\/ColtnessHS-ComputingScience\/wp-json\/wp\/v2\/media?parent=2345"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/nl\/ColtnessHS-ComputingScience\/wp-json\/wp\/v2\/categories?post=2345"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/nl\/ColtnessHS-ComputingScience\/wp-json\/wp\/v2\/tags?post=2345"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}