*[span] { float : left; }

/* 1 */
*[span="1/1"] { width : 100%; }

/* 2 */
*[span="1/2"] { width : 50%; }
*[span="2/2"] { width : 100%; }

/* 3 */
*[span="1/3"] { width : 33.3333%; }
*[span="2/3"] { width : 66.6666%; }
*[span="3/3"] { width : 100%; }

/* 4 */
*[span="1/4"] { width : 25%; }
*[span="2/4"] { width : 50%; }
*[span="3/4"] { width : 75%; }
*[span="4/4"] { width : 100%; }

/* 5 */
*[span="1/5"] { width : 20%; }
*[span="2/5"] { width : 40%; }
*[span="3/5"] { width : 60%; }
*[span="4/5"] { width : 80%; }
*[span="5/5"] { width : 100%; }

/* 6 */
*[span="1/6"] { width : 16.6666%; }
*[span="2/6"] { width : 33.3333%; }
*[span="3/6"] { width : 50%; }
*[span="4/6"] { width : 66.6666%; }
*[span="5/6"] { width : 83.3333%; }
*[span="6/6"] { width : 100%; }

/* 7 */
*[span="1/7"] { width : 14.2857%; }
*[span="2/7"] { width : 28.5714%; }
*[span="3/7"] { width : 42.8571%; }
*[span="4/7"] { width : 57.1428%; }
*[span="5/7"] { width : 71.4285%; }
*[span="6/7"] { width : 85.7142%; }
*[span="7/7"] { width : 100%; }

/* 8 */
*[span="1/8"] { width : 12.5%; }
*[span="2/8"] { width : 25%; }
*[span="3/8"] { width : 37.5%; }
*[span="4/8"] { width : 50%; }
*[span="5/8"] { width : 62.5%; }
*[span="6/8"] { width : 75%; }
*[span="7/8"] { width : 87.5%; }
*[span="8/8"] { width : 100%; }

/* 9 */
*[span="1/9"] { width : 11.1111%; }
*[span="2/9"] { width : 22.2222%; }
*[span="3/9"] { width : 33.3333%; }
*[span="4/9"] { width : 44.4444%; }
*[span="5/9"] { width : 55.5555%; }
*[span="6/9"] { width : 66.6666%; }
*[span="7/9"] { width : 77.7777%; }
*[span="8/9"] { width : 88.8888%; }
*[span="9/9"] { width : 100%; }

/* 10 */
*[span="1/10"] { width : 10%; }
*[span="2/10"] { width : 20%; }
*[span="3/10"] { width : 30%; }
*[span="4/10"] { width : 40%; }
*[span="5/10"] { width : 50%; }
*[span="6/10"] { width : 60%; }
*[span="7/10"] { width : 70%; }
*[span="8/10"] { width : 80%; }
*[span="9/10"] { width : 90%; }
*[span="10/10"] { width : 100%; }

/* 11 */
*[span="1/11"] { width : 9.0909%; }
*[span="2/11"] { width : 18.1818%; }
*[span="3/11"] { width : 27.2727%; }
*[span="4/11"] { width : 36.3636%; }
*[span="5/11"] { width : 45.4545%; }
*[span="6/11"] { width : 54.5454%; }
*[span="7/11"] { width : 63.6363%; }
*[span="8/11"] { width : 72.7272%; }
*[span="9/11"] { width : 81.8181%; }
*[span="10/11"] { width : 90.9090%; }
*[span="11/11"] { width : 100%; }

/* 12 */
*[span="1/12"] { width : 8.3333%; }
*[span="2/12"] { width : 16.6666%; }
*[span="3/12"] { width : 25%; }
*[span="4/12"] { width : 33.3333%; }
*[span="5/12"] { width : 41.6666%; }
*[span="6/12"] { width : 50%; }
*[span="7/12"] { width : 58.3333%; }
*[span="8/12"] { width : 66.6666%; }
*[span="9/12"] { width : 75%; }
*[span="10/12"] { width : 83.3333%; }
*[span="11/12"] { width : 91.6666%; }
*[span="12/12"] { width : 100%; }

/* 13 */
*[span="1/13"] { width : 7.6923%; }
*[span="2/13"] { width : 15.3846%; }
*[span="3/13"] { width : 23.0769%; }
*[span="4/13"] { width : 30.7692%; }
*[span="5/13"] { width : 38.4615%; }
*[span="6/13"] { width : 46.1538%; }
*[span="7/13"] { width : 53.8461%; }
*[span="8/13"] { width : 61.5384%; }
*[span="9/13"] { width : 69.2307%; }
*[span="10/13"] { width : 76.9230%; }
*[span="11/13"] { width : 84.6153%; }
*[span="12/13"] { width : 92.3076%; }
*[span="13/13"] { width : 100%; }

/* 14 */
*[span="1/14"] { width : 7.1428%; }
*[span="2/14"] { width : 14.2851%; }
*[span="3/14"] { width : 21.4285%; }
*[span="4/14"] { width : 28.5714%; }
*[span="5/14"] { width : 35.7142%; }
*[span="6/14"] { width : 42.8571%; }
*[span="7/14"] { width : 50%; }
*[span="8/14"] { width : 57.1428%; }
*[span="9/14"] { width : 64.2857%; }
*[span="10/14"] { width : 71.4285%; }
*[span="11/14"] { width : 78.5714%; }
*[span="12/14"] { width : 85.7142%; }
*[span="13/14"] { width : 92.8571%; }
*[span="14/14"] { width : 100%; }

/* 15 */
*[span="1/15"] { width : 6.6666%; }
*[span="2/15"] { width : 13.3333%; }
*[span="3/15"] { width : 20%; }
*[span="4/15"] { width : 26.6666%; }
*[span="5/15"] { width : 33.3333%; }
*[span="6/15"] { width : 40%; }
*[span="7/15"] { width : 46.6666%; }
*[span="8/15"] { width : 53.3333%; }
*[span="9/15"] { width : 60%; }
*[span="10/15"] { width : 66.6666%; }
*[span="11/15"] { width : 73.3333%; }
*[span="12/15"] { width : 80%; }
*[span="13/15"] { width : 86.6666%; }
*[span="14/15"] { width : 93.3333%; }
*[span="15/15"] { width : 100%; }

/* 16 */
*[span="1/16"] { width : 6.25%; }
*[span="2/16"] { width : 12.5%; }
*[span="3/16"] { width : 18.75%; }
*[span="4/16"] { width : 25%; }
*[span="5/16"] { width : 31.25%; }
*[span="6/16"] { width : 37.5%; }
*[span="7/16"] { width : 43.75%; }
*[span="8/16"] { width : 50%; }
*[span="9/16"] { width : 56.25%; }
*[span="10/16"] { width : 62.5%; }
*[span="11/16"] { width : 68.75%; }
*[span="12/16"] { width : 75%; }
*[span="13/16"] { width : 81.25%; }
*[span="14/16"] { width : 87.5%; }
*[span="15/16"] { width : 93.75%; }
*[span="16/16"] { width : 100%; }

/* 17 */
*[span="1/17"] { width : 5.8823%; }
*[span="2/17"] { width : 11.7647%; }
*[span="3/17"] { width : 17.6470%; }
*[span="4/17"] { width : 23.5294%; }
*[span="5/17"] { width : 29.4117%; }
*[span="6/17"] { width : 35.2941%; }
*[span="7/17"] { width : 41.1764%; }
*[span="8/17"] { width : 47.0588%; }
*[span="9/17"] { width : 52.9411%; }
*[span="10/17"] { width : 58.8235%; }
*[span="11/17"] { width : 64.7058%; }
*[span="12/17"] { width : 70.5882%; }
*[span="13/17"] { width : 76.4705%; }
*[span="14/17"] { width : 82.3529%; }
*[span="15/17"] { width : 88.2352%; }
*[span="16/17"] { width : 94.1176%; }
*[span="17/17"] { width : 100%; }

/* 18 */
*[span="1/18"] { width : 5.5555%; }
*[span="2/18"] { width : 11.1111%; }
*[span="3/18"] { width : 16.6666%; }
*[span="4/18"] { width : 22.2222%; }
*[span="5/18"] { width : 27.7777%; }
*[span="6/18"] { width : 33.3333%; }
*[span="7/18"] { width : 38.8888%; }
*[span="8/18"] { width : 44.4444%; }
*[span="9/18"] { width : 50%; }
*[span="10/18"] { width : 55.5555%; }
*[span="11/18"] { width : 61.1111%; }
*[span="12/18"] { width : 66.6666%; }
*[span="13/18"] { width : 72.2222%; }
*[span="14/18"] { width : 77.7777%; }
*[span="15/18"] { width : 83.3333%; }
*[span="16/18"] { width : 88.8888%; }
*[span="17/18"] { width : 94.4444%; }
*[span="18/18"] { width : 100%; }

/* 19 */
*[span="1/19"] { width : 5.2631%; }
*[span="2/19"] { width : 10.5263%; }
*[span="3/19"] { width : 15.7894%; }
*[span="4/19"] { width : 21.0526%; }
*[span="5/19"] { width : 26.3157%; }
*[span="6/19"] { width : 31.5789%; }
*[span="7/19"] { width : 36.8421%; }
*[span="8/19"] { width : 42.1052%; }
*[span="9/19"] { width : 47.3684%; }
*[span="10/19"] { width : 52.6315%; }
*[span="11/19"] { width : 57.8947%; }
*[span="12/19"] { width : 63.1578%; }
*[span="13/19"] { width : 68.4210%; }
*[span="14/19"] { width : 73.6842%; }
*[span="15/19"] { width : 78.9473%; }
*[span="16/19"] { width : 84.2105%; }
*[span="17/19"] { width : 89.4736%; }
*[span="18/19"] { width : 94.7368%; }
*[span="19/19"] { width : 100%; }

/* 20 */
*[span="1/20"] { width : 5%; }
*[span="2/20"] { width : 10%; }
*[span="3/20"] { width : 15%; }
*[span="4/20"] { width : 20%; }
*[span="5/20"] { width : 25%; }
*[span="6/20"] { width : 30%; }
*[span="7/20"] { width : 35%; }
*[span="8/20"] { width : 40%; }
*[span="9/20"] { width : 45%; }
*[span="10/20"] { width : 50%; }
*[span="11/20"] { width : 55%; }
*[span="12/20"] { width : 60%; }
*[span="13/20"] { width : 65%; }
*[span="14/20"] { width : 70%; }
*[span="15/20"] { width : 75%; }
*[span="16/20"] { width : 80%; }
*[span="17/20"] { width : 85%; }
*[span="18/20"] { width : 90%; }
*[span="19/20"] { width : 95%; }
*[span="20/20"] { width : 100%; }