Figures for Lists and Generated Content

meyerweb · 9bc7cec1dce28b2c5c216702dfe5a210301bd52e · meyerweb committed Feb 7, 2017 · Feb 7, 2017 · 9bc7cec
1 parent 1d0c618
commit 9bc7cec1dce28b2c5c216702dfe5a210301bd52e
diff --git a/lists-and-generated-content/counter-patterns-additive-romandice.html b/lists-and-generated-content/counter-patterns-additive-romandice.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html><head><meta charset="utf-8" /><title>Figure</title><style type="text/css">@counter-style roman {    system: additive;    additive-symbols:        1000 M, 900 CM, 500 D, 400 CD,        100 C, 90 XC, 50 L, 40 XL,        10 X, 9 IX, 5 V, 4 IV, 1 I;}@counter-style dice {    system: additive;    additive-symbols: 6 ⚅, 5 ⚄, 4 ⚃, 3 ⚂, 2 ⚁, 1 ⚀, 0 "__";    suffix: " ";}ol {columns: 3;}ol:nth-child(1) {list-style: roman; margin-left: 4em; padding-left: 0;}ol:nth-child(2) {list-style: dice; margin-left: 4em; padding-left: 0;}.arena {display: flex; flex-wrap: wrap; justify-content: stretch;}.arena ol {flex-grow: 1;	margin: 0.5em; padding: 0.5em 0.25em 0.5em 4em;}</style></head><body><div class="arena"><ol><li value="-3">minus three</li><li>minus two</li><li>minus one</li><li>zero</li><li>one</li><li>two</li><li>three</li><li>four</li><li>five</li><li>six</li><li>seven</li><li>eight</li><li>nine</li><li>ten</li><li>11</li><li>12</li><li>13</li><li>14</li><li>15</li><li>16</li><li>17</li><li>18</li><li>19</li><li>20</li><li>21</li><li>22</li><li>23</li></ol><ol><li value="-3">minus three</li><li>minus two</li><li>minus one</li><li>zero</li><li>one</li><li>two</li><li>three</li><li>four</li><li>five</li><li>six</li><li>seven</li><li>eight</li><li>nine</li><li>ten</li><li>11</li><li>12</li><li>13</li><li>14</li><li>15</li><li>16</li><li>17</li><li>18</li><li>19</li><li>20</li><li>21</li><li>22</li><li>23</li></ol></div></body></html>
diff --git a/lists-and-generated-content/counter-patterns-alphabetic.html b/lists-and-generated-content/counter-patterns-alphabetic.html
@@ -0,0 +1 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"			"http://www.w3.org/TR/REC-html40/strict.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=utf-8"><title>Counting Patterns</title><style type="text/css">@counter-style letters {    system: alphabetic;    symbols: A B C D E;}ul.list01 {list-style: letters; columns: 2;}</style></head><body><div class="arena"><ul class="list01"><li>one</li><li>two</li><li>three</li><li>four</li><li>five</li><li>six</li><li>seven</li><li>eight</li><li>nine</li><li>ten</li><li>11</li><li>12</li><li>13</li><li>14</li><li>15</li><li>16</li><li>17</li><li>18</li><li>19</li><li>20</li></ul></div></body></html>
diff --git a/lists-and-generated-content/counter-patterns-cyclic-thisisfine.html b/lists-and-generated-content/counter-patterns-cyclic-thisisfine.html
@@ -0,0 +1 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"			"http://www.w3.org/TR/REC-html40/strict.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=utf-8"><title>Counting Patterns</title><style type="text/css">@counter-style thisisfine {    system: cyclic;    symbols: 🔥 🐶 ☕ 🔥;    suffix: "";}ul.hmmm {list-style: thisisfine;}</style></head><body><ul class="hmmm"><li>one</li><li>two</li><li>three</li><li>four</li><li>five</li><li>six</li><li>seven</li><li>eight</li><li>nine</li></ul></body></html>
diff --git a/lists-and-generated-content/counter-patterns-cyclic-wings.html b/lists-and-generated-content/counter-patterns-cyclic-wings.html
@@ -0,0 +1 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"			"http://www.w3.org/TR/REC-html40/strict.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=utf-8"><title>Counting Patterns</title><style type="text/css">@counter-style wingthinker {    system: cyclic;    symbols: 🤔;    prefix: "~";    suffix: "~";}ul.hmmm {list-style: wingthinker;}</style></head><body><ul class="hmmm"><li>one</li><li>two</li><li>three</li><li>four</li><li>five</li><li>six</li><li>seven</li><li>eight</li><li>nine</li></ul></body></html>
diff --git a/lists-and-generated-content/counter-patterns-cyclic.html b/lists-and-generated-content/counter-patterns-cyclic.html
@@ -0,0 +1 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"			"http://www.w3.org/TR/REC-html40/strict.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=utf-8"><title>Counting Patterns</title><style type="text/css">@counter-style emojiverse {    system: cyclic;    symbols: 😁 😉 😂 🤔 🙃;}ul.emoji {list-style: emojiverse;}</style></head><body><ul class="emoji"><li>one</li><li>two</li><li>three</li><li>four</li><li>five</li><li>six</li><li>seven</li><li>eight</li><li>nine</li></ul></body></html>
diff --git a/lists-and-generated-content/counter-patterns-extends-fourhex.html b/lists-and-generated-content/counter-patterns-extends-fourhex.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html><head><meta charset="utf-8" /><title>Figure</title><style type="text/css">@counter-style hexadecimal {    system: numeric;    symbols: '0' '1' '2' '3' '4' '5' '6' '7' '8' '9' 'A' 'B' 'C' 'D' 'E' 'F';}@counter-style hexpad {    system: extends hexadecimal;    pad: 2 "0";}@counter-style hexcolon {    system: extends hexadecimal;    suffix: ": ";}@counter-style hexcolonlimited {    system: extends hexcolon;    range: 1 255; /* stops at FF */}ol {margin-left: 4em; padding-left: 0; columns: 2;}ol:nth-child(1) {list-style: hexadecimal;}ol:nth-child(2) {list-style: hexpad;}ol:nth-child(3) {list-style: hexcolon;}ol:nth-child(4) {list-style: hexcolonlimited;}.arena {display: flex; flex-wrap: wrap; justify-content: stretch;}.arena ol {flex-grow: 1;	margin: 0.5em; padding: 0.5em 0 0.5em 4em;	border-right: 1px solid;}.arena ol:last-child {border-right: none;}</style></head><body><div class="arena"><ol><li value="-3">minus three</li><li>minus two</li><li>minus one</li><li>zero</li><li>one</li><li>two</li><li>three</li><li>four</li><li>five</li><li>six</li><li>seven</li><li>eight</li><li>nine</li><li>ten</li><li>11</li><li>12</li><li>13</li><li>14</li><li>15</li><li>16</li><li>17</li><li>18</li><li>19</li><li value="253">253</li><li>254</li><li>255</li><li>256</li><li>257</li></ol><ol><li value="-3">minus three</li><li>minus two</li><li>minus one</li><li>zero</li><li>one</li><li>two</li><li>three</li><li>four</li><li>five</li><li>six</li><li>seven</li><li>eight</li><li>nine</li><li>ten</li><li>11</li><li>12</li><li>13</li><li>14</li><li>15</li><li>16</li><li>17</li><li>18</li><li>19</li><li value="253">253</li><li>254</li><li>255</li><li>256</li><li>257</li></ol><ol><li value="-3">minus three</li><li>minus two</li><li>minus one</li><li>zero</li><li>one</li><li>two</li><li>three</li><li>four</li><li>five</li><li>six</li><li>seven</li><li>eight</li><li>nine</li><li>ten</li><li>11</li><li>12</li><li>13</li><li>14</li><li>15</li><li>16</li><li>17</li><li>18</li><li>19</li><li value="253">253</li><li>254</li><li>255</li><li>256</li><li>257</li></ol><ol><li value="-3">minus three</li><li>minus two</li><li>minus one</li><li>zero</li><li>one</li><li>two</li><li>three</li><li>four</li><li>five</li><li>six</li><li>seven</li><li>eight</li><li>nine</li><li>ten</li><li>11</li><li>12</li><li>13</li><li>14</li><li>15</li><li>16</li><li>17</li><li>18</li><li>19</li><li value="253">253</li><li>254</li><li>255</li><li>256</li><li>257</li></ol></div></body></html>
diff --git a/lists-and-generated-content/counter-patterns-fixed-tooclose.html b/lists-and-generated-content/counter-patterns-fixed-tooclose.html
@@ -0,0 +1 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"			"http://www.w3.org/TR/REC-html40/strict.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=utf-8"><title>Counting Patterns</title><style type="text/css">@counter-style emoji {    system: fixed;    symbols: 😁😉😂🤔🙃;}ul.emoji {list-style: emoji; margin-left: 6em;}</style></head><body><ul class="emoji"><li>one</li><li>two</li><li>three</li><li>four</li><li>five</li><li>six</li><li>seven</li></ul></body></html>
diff --git a/lists-and-generated-content/counter-patterns-fixed.html b/lists-and-generated-content/counter-patterns-fixed.html
@@ -0,0 +1 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"			"http://www.w3.org/TR/REC-html40/strict.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=utf-8"><title>Counting Patterns</title><style type="text/css">@counter-style emoji {    system: fixed;    symbols: 😁 😉 😂 🤔 🙃;}ul.emoji {list-style: emoji;}</style></head><body><ul class="emoji"><li>one</li><li>two</li><li>three</li><li>four</li><li>five</li><li>six</li><li>seven</li></ul></body></html>
diff --git a/lists-and-generated-content/counter-patterns-numeric-negative.html b/lists-and-generated-content/counter-patterns-numeric-negative.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html><head><meta charset="utf-8" /><title>Figure</title><style type="text/css">@counter-style accounting {    system: numeric;    symbols: '0' '1' '2' '3' '4' '5' '6' '7' '8' '9';    negative: "(" ")";    prefix: "$";    suffix: " — ";}ol {list-style: accounting; margin-left: 4em; padding-left: 0;}</style></head><body><ol><li value="-3">item</li><li>item</li><li>item</li><li>item</li><li>item</li><li>item</li><li>item</li></ol></body></html>
diff --git a/lists-and-generated-content/counter-patterns-numeric-negativepad.html b/lists-and-generated-content/counter-patterns-numeric-negativepad.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html><head><meta charset="utf-8" /><title>Figure</title><style type="text/css">@counter-style negativezeropad {    system: numeric;    symbols: '0' '1' '2' '3' '4' '5' '6' '7' '8' '9';    suffix: '. ';    negative: '–';    pad: 4 "0";}@counter-style negativespacepad {    system: numeric;    symbols: '0' '1' '2' '3' '4' '5' '6' '7' '8' '9';    suffix: '. ';    negative: '–';    pad: 4 " ";}ol.list01 {list-style: negativezeropad;}ol.list02 {list-style: negativespacepad;}.arena {display: flex; flex-wrap: wrap; justify-content: stretch;}.arena ol {flex-grow: 1;	margin: 0.5em; padding: 0.5em 0.25em 0.5em 2em;}</style></head><body><div class="arena"><ol class="list01"><li value="-3">minus three</li><li>minus two</li><li>minus one</li><li>zero</li><li>one</li><li>two</li><li>three</li><li>four</li><li>five</li><li>six</li><li>seven</li></ol><ol class="list02"><li value="-3">minus three</li><li>minus two</li><li>minus one</li><li>zero</li><li>one</li><li>two</li><li>three</li><li>four</li><li>five</li><li>six</li><li>seven</li></ol></div></body></html>
diff --git a/lists-and-generated-content/counter-patterns-numeric-pad.html b/lists-and-generated-content/counter-patterns-numeric-pad.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html><head><meta charset="utf-8" /><title>Figure</title><style type="text/css">@counter-style padded {    system: numeric;    symbols: '0' '1' '2' '3' '4' '5' '6' '7' '8' '9';    suffix: '.';    pad: 4 "0";}ol {list-style: decimal;}ol.padded {list-style: padded;}</style></head><body><ol class="padded"><li>one</li><li>two</li><li>three</li><li>four</li><li>five</li><li>six</li><li>seven</li><li>eight</li><li>nine</li><li>ten</li></ol></body></html>
diff --git a/lists-and-generated-content/counter-patterns-numeric-three-systems.html b/lists-and-generated-content/counter-patterns-numeric-three-systems.html
@@ -0,0 +1 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"			"http://www.w3.org/TR/REC-html40/strict.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=utf-8"><title>Counting Patterns</title><style type="text/css">@counter-style decimal {    system: numeric;    symbols: '0' '1' '2' '3' '4' '5' '6' '7' '8' '9';}@counter-style hexadecimal {    system: numeric;    symbols: '0' '1' '2' '3' '4' '5' '6' '7' '8' '9' 'A' 'B' 'C' 'D' 'E' 'F';}@counter-style binary {    system: numeric;    symbols: '0' '1';}ul.list01 {list-style: decimal;}ul.list02 {list-style: hexadecimal;}ul.list03 {list-style: binary;}.arena {display: flex; flex-wrap: wrap; justify-content: stretch;}.arena ul {flex-grow: 1;	margin: 0.5em; padding: 0.5em 0.25em 0.5em 2em;	border: 1px solid gray; background: #EEE;}</style></head><body><div class="arena"><ul class="list01"><li>one</li><li>two</li><li>three</li><li>four</li><li>five</li><li>six</li><li>seven</li><li>eight</li><li>nine</li><li>ten</li><li>11</li><li>12</li><li>13</li><li>14</li><li>15</li><li>16</li><li>17</li><li>18</li><li>19</li><li>20</li></ul><ul class="list02"><li>one</li><li>two</li><li>three</li><li>four</li><li>five</li><li>six</li><li>seven</li><li>eight</li><li>nine</li><li>ten</li><li>11</li><li>12</li><li>13</li><li>14</li><li>15</li><li>16</li><li>17</li><li>18</li><li>19</li><li>20</li></ul><ul class="list03"><li>one</li><li>two</li><li>three</li><li>four</li><li>five</li><li>six</li><li>seven</li><li>eight</li><li>nine</li><li>ten</li><li>11</li><li>12</li><li>13</li><li>14</li><li>15</li><li>16</li><li>17</li><li>18</li><li>19</li><li>20</li></ul></div></body></html>
diff --git a/lists-and-generated-content/counter-patterns-simple.html b/lists-and-generated-content/counter-patterns-simple.html
@@ -0,0 +1 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"			"http://www.w3.org/TR/REC-html40/strict.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=utf-8"><title>Counting Patterns</title><style type="text/css">@counter-style triangles {    system: cyclic;    symbols: ▶ ▷;}.list01 {list-style-type: triangles;}</style></head><body><ol class="list01"><li>one</li><li>two</li><li>three</li><li>four</li><li>five</li><li>six</li><li>seven</li></ol></body></html>
diff --git a/lists-and-generated-content/counter-patterns-symbolic-fallback.html b/lists-and-generated-content/counter-patterns-symbolic-fallback.html
@@ -0,0 +1 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"			"http://www.w3.org/TR/REC-html40/strict.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=utf-8"><title>Counting Patterns</title><style type="text/css">@counter-style compass {    system: symbolic;    symbols: url(i/north.svg) url(i/east.svg) url(south.svg) url(i/west.svg);    fallback: lower-latin;}ul.list01 {list-style: compass;}</style></head><body><div class="arena"><ul class="list01"><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li><li>9</li><li>10</li><li>11</li><li>12</li><li>13</li><li>14</li><li>15</li><li>16</li><li>17</li><li>18</li><li>19</li><li>20</li></ul></div></body></html>
diff --git a/lists-and-generated-content/counter-patterns-symbolic-long.html b/lists-and-generated-content/counter-patterns-symbolic-long.html
@@ -0,0 +1 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"			"http://www.w3.org/TR/REC-html40/strict.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=utf-8"><title>Counting Patterns</title><style type="text/css">@counter-style letters {    system: symbolic;    symbols: A B C D E;}ul.list01 {list-style: letters;}.arena {display: flex; flex-wrap: wrap; justify-content: stretch;}.arena ul {flex-grow: 1;	margin: 0.5em; padding: 0.5em 0.25em 0.5em 22em;}</style></head><body><div class="arena"><ul class="list01"><li value="135">135</li><li>136</li><li>137</li><li>138</li><li>139</li><li>140</li><li>141</li><li>142</li><li>143</li><li>144</li><li>145</li><li>146</li><li>147</li><li>148</li><li>149</li><li>150</li></ul></div></body></html>
diff --git a/lists-and-generated-content/counter-patterns-symbolic-ranged-two.html b/lists-and-generated-content/counter-patterns-symbolic-ranged-two.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html><head><meta charset="utf-8" /><title>Figure</title><style type="text/css">@counter-style letters {    system: symbolic;    symbols: A B C D E;    range: 1 15, 101 115;}ul {list-style: letters; margin-left: 20em;}</style></head><body><ul><li>item</li><li>item</li><li>item</li><li>item</li><li>item</li><li>item</li><li>item</li><li>item</li><li>item</li><li>item</li><li>item</li><li>item</li><li>item</li><li>item</li><li>item</li><li>item</li><li>item</li><li>item</li><li>item</li><li>item</li><li value="100">item</li><li>item</li><li>item</li><li>item</li><li>item</li><li>item</li><li>item</li><li>item</li><li>item</li><li>item</li><li>item</li><li>item</li><li>item</li><li>item</li><li>item</li><li>item</li><li>item</li></ul></body></html>
diff --git a/lists-and-generated-content/counter-patterns-symbolic-ranged.html b/lists-and-generated-content/counter-patterns-symbolic-ranged.html
@@ -0,0 +1 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"			"http://www.w3.org/TR/REC-html40/strict.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=utf-8"><title>Counting Patterns</title><style type="text/css">@counter-style letters {    system: symbolic;    symbols: A B C D E;    range: 1 15;}ul.list01 {list-style: letters;}ul {columns: 2;}.arena {display: flex; flex-wrap: wrap; justify-content: stretch;}.arena ul {flex-grow: 1;	margin: 0.5em; padding: 0.5em 0.25em 0.5em 2.5em;}</style></head><body><div class="arena"><ul class="list01"><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li><li>9</li><li>10</li><li>11</li><li>12</li><li>13</li><li>14</li><li>15</li><li>16</li><li>17</li><li>18</li><li>19</li><li>20</li></ul></div></body></html>
diff --git a/lists-and-generated-content/counter-patterns-symbolic.html b/lists-and-generated-content/counter-patterns-symbolic.html
@@ -0,0 +1 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"			"http://www.w3.org/TR/REC-html40/strict.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=utf-8"><title>Counting Patterns</title><style type="text/css">@counter-style footnotes {    system: symbolic;    symbols: "*" "†" "§";    suffix: ' ';}@counter-style letters {    system: symbolic;    symbols: A B C D E;}ul.list01 {list-style: footnotes;}ul.list02 {list-style: letters;}.arena {display: flex; flex-wrap: wrap; justify-content: stretch;}.arena ul {flex-grow: 1;	margin: 0.5em; padding: 0.5em 0.25em 0.5em 2em;	border: 1px solid gray; background: #EEE;}</style></head><body><div class="arena"><ul class="list01"><li>one</li><li>two</li><li>three</li><li>four</li><li>five</li><li>six</li><li>seven</li><li>eight</li><li>nine</li></ul><ul class="list02"><li>one</li><li>two</li><li>three</li><li>four</li><li>five</li><li>six</li><li>seven</li><li>eight</li><li>nine</li></ul></div></body></html>
diff --git a/lists-and-generated-content/counters-counting-headings-changed.html b/lists-and-generated-content/counters-counting-headings-changed.html
@@ -0,0 +1 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"			"http://www.w3.org/TR/REC-html40/strict.dtd"><html><head><title>Figure 12-29</title><style type="text/css">h1 {counter-reset: section subsec;	counter-increment: chapter;}h1::before {content: counter(chapter,upper-alpha) ". ";}h2 {counter-reset: subsec;	counter-increment: section;}h2::before {content: counter(chapter,upper-alpha)"." counter(section) ". ";}h3 {counter-increment: subsec;}h3::before {content: counter(chapter,upper-alpha) "." counter(section) "." counter(subsec,lower-roman) ". ";}</style></head><body><h1>The Secret Life of Salmon</h1><h2>Introduction</h2><h2>Habitats</h2><h3>Ocean</h3><h3>Rivers</h3><h2>Spawning</h2><h3>Fertilization</h3><h3>Gestation</h3><h3>Hatching</h3></body></html>
diff --git a/lists-and-generated-content/counters-counting-headings.html b/lists-and-generated-content/counters-counting-headings.html
@@ -0,0 +1 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"			"http://www.w3.org/TR/REC-html40/strict.dtd"><html><head><title>Figure 12-29</title><style type="text/css">h1 {counter-reset: section subsec;  counter-increment: chapter;}h1::before {content: counter(chapter) ". ";}h2 {counter-reset: subsec;  counter-increment: section;}h2::before {content: counter(chapter )"." counter(section) ". ";}h3 {counter-increment: subsec;}h3::before {content: counter(chapter) "." counter(section) "." counter(subsec) ". ";}</style></head><body><h1>The Secret Life of Salmon</h1><h2>Introduction</h2><h2>Habitats</h2><h3>Ocean</h3><h3>Rivers</h3><h2>Spawning</h2><h3>Fertilization</h3><h3>Gestation</h3><h3>Hatching</h3></body></html>
diff --git a/lists-and-generated-content/counters-counting-items.html b/lists-and-generated-content/counters-counting-items.html
@@ -0,0 +1 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"			"http://www.w3.org/TR/REC-html40/strict.dtd"><html><head><title>Figure</title><style type="text/css">list[type="ordered"] {counter-reset: ordered;}  /* defaults to 0 */list[type="ordered"] item {display: block;}list[type="ordered"] item:before {counter-increment: ordered; content: counter(ordered) ". "; margin: 0.25em 0;}</style></head><body><list type="ordered"> <item>First item</item> <item>Item two</item> <item>The third item</item></list></body></html>
diff --git a/lists-and-generated-content/counters-scope-nested.html b/lists-and-generated-content/counters-scope-nested.html
@@ -0,0 +1 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"			"http://www.w3.org/TR/REC-html40/strict.dtd"><html><head><title>Figure 12-31</title><style type="text/css">ol {counter-reset: ordered; margin-left: 2.5em; padding-left: 0; list-style: none;}ol li:before {content: counters(ordered,".") ": "; counter-increment: ordered;}</style></head><body><ol><li>Lists<ol><li>Types of Lists</li><li>List Item Images</li><li>List Marker Positions</li><li>List Styles in Shorthand</li><li>List Layout</li></ol></li><li>Generated Content<ol><li>Inserting Generated Content<ol><li>Generated Content and Run-In Content</li></ol></li><li>Specifying Content<ol><li>Inserting Attribute Values</li><li>Generated Quotes</li></ol></li><li>Counters<ol><li>Resetting and Incrementing</li><li>Using Counters</li><li>Counters and Scope</li></ol></li></ol></li><li>Summary</li></ol></body></html>