[css-round-display] Modify example code in EXAMPLE5 because of getting rid of 'position: polar'

Author: Jihye Hong

css-round-display/Overview.bs

@@ -299,19 +299,51 @@ An example as below shows the difference between the conventional coordinates an
 <div class='example'>
 The codes below show the difference between conventional coordinate system in the web and polar coordinate system when positioning elements.
 
-Figure 6A might be the result of
+When there are elements like below:
+
 <pre>
 &lt;body>
-	&lt;div style="position: absolute; width: 100px; height: 100px; background-color: blue;">&lt;/div>
-	&lt;div style="position: absolute; width: 50px; height: 50px; background-color: green;">&lt;/div>
+	&lt;div id="box1">&lt;/div>
+	&lt;div id="box2">&lt;/div>
 &lt;/body>
 </pre>
+
+Then Figure 6A might be the result of
+<pre>&lt;style>
+
+	#box1 {
+		position: absolute;
+		width: 100px;
+		height: 100px;
+		background-color: blue;
+	}
+	#box2 {
+		position: absolute;
+		width: 50px;
+		height: 50px;
+		background-color: green;
+	}
+&lt;/style>
+</pre>
+	
 Figure 6B might be the result of
-<pre>
-&lt;body>
-	&lt;div style="position: absolute; polar-distance: 0%; width: 100px; height: 100px; background-color: blue;">&lt;/div>
-	&lt;div style="position: absolute; polar-distance: 0%; width: 50px; height: 50px; background-color: green;">&lt;/div>
-&lt;/body>
+<pre>&lt;style>
+
+	#box1 {
+		position: absolute;
+		polar-distance: 0%;
+		width: 100px;
+		height: 100px;
+		background-color: blue;
+	}
+	#box2 {
+		position: absolute;
+		polar-distance: 0%;
+		width: 50px;
+		height: 50px;
+		background-color: green;
+	}
+&lt;/style>
 </pre>
 
 <br />

css-round-display/Overview.html

@@ -405,19 +405,47 @@ <h2 class="heading settled" data-level="6" id="positioning-content"><span class=
     <p> In conventional coordinate system used in the web, the origin is positioned in the upper left corner of a containing block. In comparison, the default origin of polar coordinates  is the center point of a containing block. Therefore different methods are required to deploy and transform elements, or set margin/padding values when using polar coordinates. </p>
     <p>An example as below shows the difference between the conventional coordinates and the polar coordinates when positioning elements.</p>
     <p></p>
-    <div class="example" id="example-2fab54a1">
-     <a class="self-link" href="#example-2fab54a1"></a> The codes below show the difference between conventional coordinate system in the web and polar coordinate system when positioning elements. 
-     <p>Figure 6A might be the result of</p>
+    <div class="example" id="example-aba823c2">
+     <a class="self-link" href="#example-aba823c2"></a> The codes below show the difference between conventional coordinate system in the web and polar coordinate system when positioning elements. 
+     <p>When there are elements like below:</p>
 <pre>&lt;body>
-  &lt;div style="position: absolute; width: 100px; height: 100px; background-color: blue;">&lt;/div>
-  &lt;div style="position: absolute; width: 50px; height: 50px; background-color: green;">&lt;/div>
+  &lt;div id="box1">&lt;/div>
+  &lt;div id="box2">&lt;/div>
 &lt;/body>
+</pre>
+     <p>Then Figure 6A might be the result of</p>
+<pre>&lt;style>
+  #box1 {
+    position: absolute;
+    width: 100px;
+    height: 100px;
+    background-color: blue;
+  }
+  #box2 {
+    position: absolute;
+    width: 50px;
+    height: 50px;
+    background-color: green;
+  }
+&lt;/style>
 </pre>
      <p>Figure 6B might be the result of</p>
-<pre>&lt;body>
-  &lt;div style="position: absolute; polar-distance: 0%; width: 100px; height: 100px; background-color: blue;">&lt;/div>
-  &lt;div style="position: absolute; polar-distance: 0%; width: 50px; height: 50px; background-color: green;">&lt;/div>
-&lt;/body>
+<pre>&lt;style>
+  #box1 {
+    position: absolute;
+    polar-distance: 0%;
+    width: 100px;
+    height: 100px;
+    background-color: blue;
+  }
+  #box2 {
+    position: absolute;
+    polar-distance: 0%;
+    width: 50px;
+    height: 50px;
+    background-color: green;
+  }
+&lt;/style>
 </pre>
      <p><br></p>
      <div style="width: 700px; text-align:center">