Skip to content

Commit 0133999

Browse files
committed
tidying code examples
1 parent 7045215 commit 0133999

File tree

5 files changed

+20
-55
lines changed

5 files changed

+20
-55
lines changed

inline-formatting/align.html

Lines changed: 4 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -94,25 +94,18 @@
9494
from the fact.”
9595
</div>
9696
</section>
97-
<textarea class="playable-css">
98-
span {
97+
<textarea class="playable-css">span {
9998
font-size: 200%;
10099
vertical-align: top;
101-
}
102-
</textarea
103-
>
100+
}</textarea>
104101

105-
<textarea id="code" class="playable-html">
106-
107-
<div class="example horizontal">
102+
<textarea id="code" class="playable-html"><div class="example horizontal">
108103
Before that night—<span>a memorable night</span>, as it was to prove—hundreds of millions of people had watched the rising smoke-wreaths of their fires without drawing any special inspiration from the fact.”
109104
</div>
110105

111106
<div class="example vertical">
112107
Before that night—<span>a memorable night</span>, as it was to prove—hundreds of millions of people had watched the rising smoke-wreaths of their fires without drawing any special inspiration from the fact.”
113-
</div>
114-
115-
</textarea>
108+
</div></textarea>
116109
<div class="playable-buttons">
117110
<input id="reset" type="button" value="Reset" />
118111
</div>

inline-formatting/break.html

Lines changed: 4 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -80,20 +80,13 @@
8080
special inspiration from the fact.”
8181
</div>
8282
</section>
83-
<textarea class="playable-css">
84-
span {
83+
<textarea class="playable-css">span {
8584
border: 5px solid rebeccapurple;
86-
}
87-
</textarea
88-
>
85+
}</textarea>
8986

90-
<textarea id="code" class="playable-html">
91-
92-
<div class="example">
87+
<textarea id="code" class="playable-html"><div class="example">
9388
Before that night—<span>a memorable night, as it was to prove—hundreds of millions of people</span> had watched the rising smoke-wreaths of their fires without drawing any special inspiration from the fact.”
94-
</div>
95-
96-
</textarea>
89+
</div></textarea>
9790
<div class="playable-buttons">
9891
<input id="reset" type="button" value="Reset" />
9992
</div>

inline-formatting/inline.html

Lines changed: 4 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -82,28 +82,21 @@
8282
One Two Three
8383
</div>
8484
</section>
85-
<textarea class="playable-css">
86-
.horizontal {
85+
<textarea class="playable-css">.horizontal {
8786
writing-mode: horizontal-tb;
8887
}
8988

9089
.vertical {
9190
writing-mode: vertical-rl;
92-
}
93-
</textarea
94-
>
95-
96-
<textarea id="code" class="playable-html">
91+
}</textarea>
9792

98-
<div class="example horizontal">
93+
<textarea id="code" class="playable-html"><div class="example horizontal">
9994
One Two Three
10095
</div>
10196

10297
<div class="example vertical">
10398
One Two Three
104-
</div>
105-
106-
</textarea>
99+
</div></textarea>
107100
<div class="playable-buttons">
108101
<input id="reset" type="button" value="Reset" />
109102
</div>

inline-formatting/mbp.html

Lines changed: 4 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -86,28 +86,21 @@
8686

8787
<div class="example vertical">One <span>Two</span> Three</div>
8888
</section>
89-
<textarea class="playable-css">
90-
span {
89+
<textarea class="playable-css">span {
9190
border: 5px solid rebeccapurple;
9291
padding-inline-start: 20px;
9392
padding-inline-end: 40px;
9493
margin-inline-start: 30px;
9594
margin-inline-end: 10px;
96-
}
97-
</textarea
98-
>
95+
}</textarea>
9996

100-
<textarea id="code" class="playable-html">
101-
102-
<div class="example horizontal">
97+
<textarea id="code" class="playable-html"><div class="example horizontal">
10398
One <span>Two</span> Three
10499
</div>
105100

106101
<div class="example vertical">
107102
One <span>Two</span> Three
108-
</div>
109-
110-
</textarea>
103+
</div></textarea>
111104
<div class="playable-buttons">
112105
<input id="reset" type="button" value="Reset" />
113106
</div>

inline-formatting/text-align.html

Lines changed: 4 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -87,24 +87,17 @@
8787
One Two Three
8888
</div>
8989
</section>
90-
<textarea class="playable-css">
91-
.example {
90+
<textarea class="playable-css">.example {
9291
text-align: center;
93-
}
94-
</textarea
95-
>
92+
}</textarea>
9693

97-
<textarea id="code" class="playable-html">
98-
99-
<div class="example horizontal">
94+
<textarea id="code" class="playable-html"><div class="example horizontal">
10095
One Two Three
10196
</div>
10297

10398
<div class="example vertical">
10499
One Two Three
105-
</div>
106-
107-
</textarea>
100+
</div></textarea>
108101
<div class="playable-buttons">
109102
<input id="reset" type="button" value="Reset" />
110103
</div>

0 commit comments

Comments
 (0)