2121 vertical-align : middle;
2222 }
2323 : not (code ) var { font-style : normal; color : # 005A9C ; }
24+
25+ ol [start = "0" ] { counter-reset : list -1 ; }
26+ ol [start = "0" ],
27+ ol .continue { list-style : none; }
28+ ol [start = "0" ] > li ,
29+ ol .continue > li { position : relative; counter-increment : list; }
30+ ol [start = "0" ] > li ::before ,
31+ ol .continue > li ::before { content : counter (list) "." ; position : absolute; left : -1.5em ; }
2432 </ style >
2533
2634 < body >
@@ -2278,7 +2286,7 @@ <h3 id=box-manip><span class=secno>9.1. </span> Initial Setup</h3>
22782286
22792287 < h3 id =line-sizing > < span class =secno > 9.2. </ span > Line Length Determination</ h3 >
22802288
2281- < ol start = 2 >
2289+ < ol class = continue >
22822290 < li id =algo-available > < strong > Determine the available main and cross
22832291 space for the flexbox items.</ strong > For each dimension, if that
22842292 dimension of the flexbox is a < a href ="#definite-size "> < i > definite
@@ -2349,7 +2357,7 @@ <h3 id=line-sizing><span class=secno>9.2. </span> Line Length Determination</h3>
23492357
23502358 < h3 id =main-sizing > < span class =secno > 9.3. </ span > Main Size Determination</ h3 >
23512359
2352- < ol start = 5 >
2360+ < ol class = continue >
23532361 < li id =algo-line-break > < strong > Collect flexbox items into flexbox
23542362 lines:</ strong >
23552363 < ul >
@@ -2381,7 +2389,7 @@ <h3 id=main-sizing><span class=secno>9.3. </span> Main Size Determination</h3>
23812389
23822390 < h3 id =cross-sizing > < span class =secno > 9.4. </ span > Cross size determination</ h3 >
23832391
2384- < ol start = 8 >
2392+ < ol class = continue >
23852393 < li id =algo-cross-line > < strong > Calculate the cross size of each flexbox
23862394 line.</ strong >
23872395 < p > If the flexbox has only a single line (even if it's a < a
@@ -2450,7 +2458,7 @@ <h3 id=cross-sizing><span class=secno>9.4. </span> Cross size determination</h3>
24502458
24512459 < h3 id =main-alignment > < span class =secno > 9.5. </ span > Main-Axis Alignment</ h3 >
24522460
2453- < ol start = 12 >
2461+ < ol class = continue >
24542462 < li id =algo-main-align > < strong > Distribute any remaining free
24552463 space.</ strong > For each flexbox line:
24562464 < ol >
@@ -2468,7 +2476,7 @@ <h3 id=main-alignment><span class=secno>9.5. </span> Main-Axis Alignment</h3>
24682476
24692477 < h3 id =cross-alignment > < span class =secno > 9.6. </ span > Cross-Axis Alignment</ h3 >
24702478
2471- < ol start = 13 >
2479+ < ol class = continue >
24722480 < li id =algo-cross-margins > < strong > Resolve cross-axis ‘< a
24732481 href ="#flex-item-align-auto "> < code class =css > auto</ code > </ a > ’
24742482 margins.</ strong > If a flexbox item has ‘< a
0 commit comments