Skip to content

Commit 878ce7f

Browse files
author
Andrew Kirkpatrick
authored
Added example of paragraph content
1 parent a3b4008 commit 878ce7f

File tree

1 file changed

+18
-10
lines changed

1 file changed

+18
-10
lines changed

techniques/css/example-text-spacing/index.html

Lines changed: 18 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,7 @@
1-
<!DOCTYPE html>
2-
<html lang="en">
3-
<head>
1+
<html lang="en"><head>
42
<meta charset="UTF-8">
53
<title></title>
6-
<style>
7-
nav ul {
4+
<style> nav ul {
85
list-style-type: none;
96
}
107
nav li {
@@ -22,7 +19,12 @@
2219
.example2 li {
2320

2421
}
25-
</style>
22+
23+
.example3 {
24+
width:30em;background:#ccc;
25+
}
26+
27+
</style>
2628

2729
</head>
2830

@@ -31,7 +33,7 @@
3133

3234
<main role="main">
3335
<h1>Examples for small containers allow for text spacing</h1>
34-
<p>The following examples are to show the code from technique &quot;Small containers allow for text spacing&quot;.</p>
36+
<p>The following examples are to show the code from technique "Small containers allow for text spacing".</p>
3537
<section>
3638
<h2>Example 1</h2>
3739
<nav class="example1">
@@ -50,8 +52,14 @@ <h2>Example 2</h2>
5052
</ul>
5153
</nav>
5254
</section>
53-
55+
<section>
56+
<h2>Example 3</h2>
57+
<div class="example3">
58+
<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>
59+
<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>
60+
<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>
61+
</div>
62+
</section>
5463
</main>
5564

56-
</body>
57-
</html>
65+
</body></html>

0 commit comments

Comments
 (0)