(info orig from the following website(s): Site 1 )

Fractions using CSS

First you have to shrink the numerator and the denominator to something like 75% - the slash stays at 100%. Then you have to raise the numerator up slightly (by .5 ex). You can also adjust the letter spacing depending on your font.

.numerator {font-size: 75%; vertical-align:.5ex}
.denominator {font-size: 75%;}

In the HTML the code looks like this:

<span class=numerator>1</span>/<span class=denominator>3</span>

And here's what the output looks like:

1/3

OLD way: ISO Characters / System symbols

&#188;  or  &frac14; ——> ¼  or  ¼ FFIE(fraction '1/4', one-fourth)
&#189;  or  &frac12; ——> ½  or  ½ FFIE(fraction '1/2', one-half)
&#190;  or  &frac34; ——> ¾  or  ¾ FFIE(fraction '3/4', three-fourths)
 
Legend:
  • FF = The char/symbol on that line supported by the Firefox browser
  • IE = The char/symbol on that line supported by the Internet Explorer browser

NEW way: Examples of several fractions

<span class=numerator>1</span>/<span class=denominator>2</span> ——> 1/2  2/2 (Fractions 1/2 to 2/2)
<span class=numerator>1</span>/<span class=denominator>3</span> ——> 1/3  2/3  3/3 (Fractions 1/3 to 3/3)
<span class=numerator>1</span>/<span class=denominator>4</span> ——> 1/4  2/4  3/4  4/4 (Fractions 1/4 to 4/4)
<span class=numerator>1</span>/<span class=denominator>5</span> ——> 1/5  2/5  3/5  4/5  5/5 (Fractions 1/5 to 5/5)
<span class=numerator>1</span>/<span class=denominator>6</span> ——> 1/6  2/6  3/6  4/6  5/6  6/6 (Fractions 1/6 to 6/6)
<span class=numerator>1</span>/<span class=denominator>7</span> ——> 1/7  2/7  3/7  4/7  5/7  6/7  7/7 (Fractions 1/7 to 7/7)
<span class=numerator>1</span>/<span class=denominator>8</span> ——> 1/8  2/8  3/8  4/8  5/8  6/8  7/8  8/8 (Fractions 1/8 to 8/8)
<span class=numerator>1</span>/<span class=denominator>9</span> ——> 1/9  2/9  3/9  4/9  5/9  6/9  7/9  8/9  9/9 (Fractions 1/9 to 9/9)
<span class=numerator>1</span>/<span class=denominator>10</span> ——> 1/10  2/10  3/10  4/10  5/10  6/10  7/10  8/10  9/10  10/10 (Fractions 1/10 to 10/10)

OLD way: Add 1/2 cup of sugar to your recipe, then 2/3 tsp. salt. For water, 1 1/2 cups is optional.

NEW way #1: Add 1/2 cup of sugar to your recipe, then 2/3 tsp. salt. For water, 1 1/2 cups is optional.

NEW way #2: Add  1/2  cup of sugar to your recipe, then  2/3  tsp. salt. For water, 1  1/2  cups is optional.

NEW way #3: Standard tool sizes are: 1/16, 1/8, 3/16, 1/4, 5/16, 3/8, 7/16, 1/2, 9/16, 5/8, 11/16, 3/4, 13/16, 7/8, 15/16, and 1 inch.