View source for Pure HTML Math

I have very clear readable math equations built from very simple HTML, CSS, and UTF-8 math characters. First draft scratchpad code. My thesis is that nothing fancier or more complicated is required to display math equations on the web.  I use <tt>vertical-align:middle;</tt> and nothing more precise or delicate is required.

[[Image:Matheq.png]]

This is Google Chrome displaying the following code.

<syntaxhighlight lang=html>
<!DOCTYPE html>
<html><head><meta charset="utf-8" />
<style>
.math div{
	display:inline-block;
	vertical-align:middle;
	text-align:center;}
.math br {margin:0;border:0;padding:0}
.math div.sqrt {
	border-top:1px solid;}
.math hr{
	border-top:1px solid;
	border-left:0;border-right:0;border-bottom:0;
	margin:0;padding:0}
</style>
<title>Math Equations</title>
</head>
<body>
<h1>Math</h1>
<div class="math"><i>x</i> = <div>– <i>b</i>
± <big>√</big><div class="sqrt">
<i>b</i><sup>2</sup> – 4<i>ac</i></div>
<hr>
2<i>a</i></div>
</div>
<hr>
<div class="math">
<i>ζ</i>(<i>s</i>) =
<div style="line-height:1.5ex">
<font size="1" style="line-height:3.5ex">∞</font><br>
<font size="6" style="line-height:1ex">Σ</font><br>
<font size="1"><i>n</i> = 1</font>
</div>
<div>1<hr><i>n</i><sup><i>s</i></sup></div>
</div>
</body></html>
</syntaxhighlight>

Same in Firefox
[[Image:Matheq-ff.png]]