@@ -1236,7 +1236,10 @@ <h3>'column-span'</h3>
12361236 < td > none
12371237 < tr >
12381238 < td > < em > Applies to:</ em >
1239+ <!--
12391240 <td>static, non-floating elements,
1241+ -->
1242+ < td > block-level elements, except floating and absolutely positioned elements
12401243 < tr >
12411244 < td > < em > Inherited:</ em >
12421245 < td > no
@@ -1347,7 +1350,69 @@ <h3>'column-span'</h3>
13471350< p > A spanning element takes up more space than the element would take
13481351up otherwise. When space is limited, it may be impossible to find room
13491352for the spanning element. In these cases, user agents may treat the
1350- element as if 'none' had been specified.
1353+ element as if 'none' had been specified on this property.
1354+
1355+ < div class ="example ">
1356+
1357+ < p > In this example, an element with 'column-span: all' is set on an element that
1358+ naturally ends up...:
1359+
1360+ < pre class =css >
1361+ h2 {
1362+ column-span: all;
1363+ }
1364+ </ pre >
1365+
1366+ < p > As a result, the number of columns is increased.
1367+
1368+ < div class =cols style ="height: 100px ">
1369+
1370+ < div class ="col " style ="">
1371+
1372+ < p >
1373+ Ab cde fgh i jkl. Mno< br >
1374+ pqr stu vw xyz. A bc< br >
1375+ def g hij klm nopqrs< br >
1376+ tuv wxy z. Abc de fg< br >
1377+ hi jklmno. Pqrstu vw< br >
1378+ </ div >
1379+
1380+ < div class ="col " style ="left: 175px ">
1381+ < p >
1382+ x yz. Abc def ghi jkl.< br >
1383+ M nop qrst uv wx yz.< br >
1384+ Ab cde fgh i jkl. Mno< br >
1385+ pqr stu vw xyz. A bc< br >
1386+ def g hij klm nopqrs
1387+ </ div >
1388+
1389+ < div class ="col " style ="left: 350px ">
1390+ < p >
1391+ tuv wxy z. Abc de fg< br >
1392+ hi jklmno. Pqrstu vw< br >
1393+ x yz. Abc def ghi jkl.< br >
1394+ M nop qrst uv wx yz.< br >
1395+ Ab cde fgh i jkl. Mno< br >
1396+ </ div >
1397+
1398+ < div class ="col " style ="left: 525px ">
1399+ < p >
1400+ pqr stu vw xyz. A bc< br >
1401+ def g hij klm nopqrs< br >
1402+ tuv wxy z. H2 Abc de fg< br >
1403+ hi jklmno. Pqrstu vw< br >
1404+ x yz. Abc def ghi jkl.< br >
1405+ </ div >
1406+
1407+ < div class =gap style ="left: 150px "> </ div >
1408+ < div class =gap style ="left: 325px "> </ div >
1409+ < div class =gap style ="left: 500px "> </ div >
1410+ </ div >
1411+
1412+ </ div >
1413+ </ div >
1414+
1415+
13511416
13521417
13531418
0 commit comments