How to write fraction value using html?

Question

I want to write fraction value such as the picture below:

How do I write fraction value using html without using image?

NOTE: I don't want this 1 1/2 pattern but strictly just as the pic above

Answer 1

Try the following:

1<sup>1</sup>&frasl;<sub>2</sub>

This displays as:

1¹⁄₂

Answer 2

.frac {      display: inline-block;      position: relative;      vertical-align: middle;      letter-spacing: 0.001em;      text-align: center;  }  .frac > span {      display: block;      padding: 0.1em;  }  .frac span.bottom {      border-top: thin solid black;  }  .frac span.symbol {      display: none;  } 

1 <div class="frac">      <span>1</span>      <span class="symbol">/</span>      <span class="bottom">2</span>        </div>