How to Write Fraction Value Using HTML

1<sup>1</sup>⁄<sub>2</sub>

How to write fractions in html?

You can use;

½  3 ½

or you can use ASCII character code;

½   3 ½

Hope helps;

Writing Division as Fraction in HTML

Here is what I think that you are looking for...

<div  class="All"><div class="Sum">∑ =</div><span class="Fraction"><span class="Numerator">n234</span><span class="Denominator">43242m</span></span>

.All {
  display: table-row;
}
.Sum {
  display: table-cell;
  vertical-align: middle;
}
.Fraction {
    display: table-cell;
    text-align: center;    
}
.Denominator{
    border-top: 1px solid #000;
    display: block;
}
.Fraction, .Numerator, .Denominator {
    padding: 0px 5px;    
}

Demo

How to display Classic built-up fractions with an horizontal line in CSS / JavaScript?

If you are happy to use JQuery and want to minimise the mark-up that you need to add then you could use the following:

CSS

.fraction, .top, .bottom {
    padding: 0 5px;    
}

.fraction {
    display: inline-block;
    text-align: center;    
}

.bottom{
    border-top: 1px solid #000;
    display: block;
}

HTML

<div class="fraction">1/2</div>
<div class="fraction">3/4</div>
<div class="fraction">1/32</div>
<div class="fraction">77/102</div>

JQuery

$('.fraction').each(function(key, value) {
    $this = $(this)
    var split = $this.html().split("/")
    if( split.length == 2 ){
        $this.html('
            <span class="top">'+split[0]+'</span>
            <span class="bottom">'+split[1]+'</span>
        ')
    }    
});

Working example: http://jsfiddle.net/xW7d8/

Without JQuery

To achieve this without JQuery, you can use the following HTML with the same CSS as above:

<div class="fraction">
    <span class="top">1</span>
    <span class="bottom">100</span>
</div>

How should I express fractions like 15/16ths in HTML?

how about ¹⁵⁄₁₆? (¹⁵⁄₁₆)

Allow User Input to Just Fractions and Integers (but Not Mixed Numbers) in HTML?

You can use this filter:

<form>
<input type="text" oninput="this.value = this.value.replace(/^(-?(?:\d+(?:\/\d*)?)?).*$/, '$1')" />
</form>