Added example of paragraph content

w3c · Aug 6, 2018 · 878ce7f · 878ce7f · fstrr · May 24, 2024
1 parent a3b4008
commit 878ce7f
Showing 1 changed file with 18 additions and 10 deletions.
diff --git a/techniques/css/example-text-spacing/index.html b/techniques/css/example-text-spacing/index.html
@@ -1,10 +1,7 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
+<html lang="en"><head>
     <meta charset="UTF-8">
     <title></title>
-    <style>
-        nav ul {
+    <style>        nav ul {
             list-style-type: none;
         }
         nav li {
@@ -22,7 +19,12 @@
         .example2 li {
 
         }
-    </style>
+
+        .example3 {
+          width:30em;background:#ccc;
+        }
+
+</style>
 
   </head>
 
@@ -31,7 +33,7 @@
 
     <main role="main">      
         <h1>Examples for small containers allow for text spacing</h1>
-        <p>The following examples are to show the code from technique &quot;Small containers allow for text spacing&quot;.</p>
+        <p>The following examples are to show the code from technique "Small containers allow for text spacing".</p>
         <section>
             <h2>Example 1</h2>
             <nav class="example1">
@@ -50,8 +52,14 @@ <h2>Example 2</h2>
                 </ul>
             </nav>
         </section>
-
+        <section>
+            <h2>Example 3</h2>
+            <div class="example3">
+                <p>Alice was beginning to get very tired of sitting by her sister on the bank, and of having nothing to do: once or twice she had peeped into the book her sister was reading, but it had no pictures or conversations in it, ‘and what is the use of a book,’ thought Alice ‘without pictures or conversations?’</p>
+<p>So she was considering in her own mind (as well as she could, for the hot day made her feel very sleepy and stupid), whether the pleasure of making a daisy-chain would be worth the trouble of getting up and picking the daisies, when suddenly a White Rabbit with pink eyes ran close by her.</p>
+<p>There was nothing so very remarkable in that; nor did Alice think it so very much out of the way to hear the Rabbit say to itself, ‘Oh dear! Oh dear! I shall be late!’ (when she thought it over afterwards, it occurred to her that she ought to have wondered at this, but at the time it all seemed quite natural); but when the Rabbit actually took a watch out of its waistcoat-pocket, and looked at it, and then hurried on, Alice started to her feet, for it flashed across her mind that she had never before seen a rabbit with either a waistcoat-pocket, or a watch to take out of it, and burning with curiosity, she ran across the field after it, and fortunately was just in time to see it pop down a large rabbit-hole under the hedge.</p>
+            </div>
+        </section>
     </main>
 
-  </body>
-</html>
+</body></html>