mathml/presentation/row.xhtml

<html xmlns='http://www.w3.org/1999/xhtml'>
<head>
<title>Rows and Operators</title>
<style type="text/css">
mo {
   background-color: rgb(200,200,200);
}
.box {
   display: inline-block; vertical-align: -33%; height: 1em; width: 1em; background-color: rgb(0,255,0)
}
body {
   overflow: hidden;
}
</style>
</head>
<body>
<p>
<math xmlns='http://www.w3.org/1998/Math/MathML'><mi>x</mi><mo>+</mo><mn>1</mn></math>
</p>
<p id='t1'>
16px:
<math xmlns='http://www.w3.org/1998/Math/MathML'>
<mrow>
<mo>{</mo><mi>x</mi><mtext style='font-size: 16px'><div xmlns='http://www.w3.org/1999/xhtml' class='box'/></mtext><mo>}</mo>
</mrow>
</math>
<math xmlns='http://www.w3.org/1998/Math/MathML'>
<mrow><mo>[</mo><mi>x</mi><mtext style='font-size: 16px'><div xmlns='http://www.w3.org/1999/xhtml' class='box'/></mtext><mo>]</mo></mrow>
</math>
<math xmlns='http://www.w3.org/1998/Math/MathML'>
<mrow><mo>(</mo><mi>x</mi><mtext style='font-size: 16px'><div xmlns='http://www.w3.org/1999/xhtml' class='box'/></mtext><mo>)</mo></mrow>
</math>
<math xmlns='http://www.w3.org/1998/Math/MathML'>
<mrow><mo>|</mo><mi>x</mi><mtext style='font-size: 16px'><div xmlns='http://www.w3.org/1999/xhtml' class='box'/></mtext><mo>|</mo></mrow>
</math>
<math xmlns='http://www.w3.org/1998/Math/MathML'>
<mrow><mo>&#x222b;</mo><mi>x</mi><mtext style='font-size: 16px'><div xmlns='http://www.w3.org/1999/xhtml' class='box'/></mtext></mrow>
</math>
</p>
<p id='t2'>
24px:
<math xmlns='http://www.w3.org/1998/Math/MathML'>
<mrow><mo>{</mo><mi>x</mi><mtext style='font-size: 24px'><div xmlns='http://www.w3.org/1999/xhtml' class='box'/></mtext><mo>}</mo></mrow>
</math>
<math xmlns='http://www.w3.org/1998/Math/MathML'>
<mrow><mo>[</mo><mi>x</mi><mtext style='font-size: 24px'><div xmlns='http://www.w3.org/1999/xhtml' class='box'/></mtext><mo>]</mo></mrow>
</math>
<math xmlns='http://www.w3.org/1998/Math/MathML'>
<mrow><mo>(</mo><mi>x</mi><mtext style='font-size: 24px'><div xmlns='http://www.w3.org/1999/xhtml' class='box'/></mtext><mo>)</mo></mrow>
</math>
<math xmlns='http://www.w3.org/1998/Math/MathML'>
<mrow><mo>|</mo><mi>x</mi><mtext style='font-size: 24px'><div xmlns='http://www.w3.org/1999/xhtml' class='box'/></mtext><mo>|</mo></mrow>
</math>
<math xmlns='http://www.w3.org/1998/Math/MathML'>
<mrow><mo>&#x222b;</mo><mi>x</mi><mtext style='font-size: 24px'><div xmlns='http://www.w3.org/1999/xhtml' class='box'/></mtext></mrow>
</math>
</p>
<p id='t3'>
32px:
<math xmlns='http://www.w3.org/1998/Math/MathML'>
<mrow><mo>{</mo><mi>x</mi><mtext style='font-size: 32px'><div xmlns='http://www.w3.org/1999/xhtml' class='box'/></mtext><mo>}</mo></mrow>
</math>
<math xmlns='http://www.w3.org/1998/Math/MathML'>
<mrow><mo>[</mo><mi>x</mi><mtext style='font-size: 32px'><div xmlns='http://www.w3.org/1999/xhtml' class='box'/></mtext><mo>]</mo></mrow>
</math>
<math xmlns='http://www.w3.org/1998/Math/MathML'>
<mrow><mo>(</mo><mi>x</mi><mtext style='font-size: 32px'><div xmlns='http://www.w3.org/1999/xhtml' class='box'/></mtext><mo>)</mo></mrow>
</math>
<math xmlns='http://www.w3.org/1998/Math/MathML'>
<mrow><mo>|</mo><mi>x</mi><mtext style='font-size: 32px'><div xmlns='http://www.w3.org/1999/xhtml' class='box'/></mtext><mo>|</mo></mrow>
</math>
<math xmlns='http://www.w3.org/1998/Math/MathML'>
<mrow><mo>&#x222b;</mo><mi>x</mi><mtext style='font-size: 32px'><div xmlns='http://www.w3.org/1999/xhtml' class='box'/></mtext></mrow>
</math>
</p>
<p id='t4'>
48px:
<math xmlns='http://www.w3.org/1998/Math/MathML'>
<mrow><mo>{</mo><mi>x</mi><mtext style='font-size: 48px'><div xmlns='http://www.w3.org/1999/xhtml' class='box'/></mtext><mo>}</mo></mrow>
</math>
<math xmlns='http://www.w3.org/1998/Math/MathML'>
<mrow><mo>[</mo><mi>x</mi><mtext style='font-size: 48px'><div xmlns='http://www.w3.org/1999/xhtml' class='box'/></mtext><mo>]</mo></mrow>
</math>
<math xmlns='http://www.w3.org/1998/Math/MathML'>
<mrow><mo>(</mo><mi>x</mi><mtext style='font-size: 48px'><div xmlns='http://www.w3.org/1999/xhtml' class='box'/></mtext><mo>)</mo></mrow>
</math>
<math xmlns='http://www.w3.org/1998/Math/MathML'>
<mrow><mo>|</mo><mi>x</mi><mtext style='font-size: 48px'><div xmlns='http://www.w3.org/1999/xhtml' class='box'/></mtext><mo>|</mo></mrow>
</math>
<math xmlns='http://www.w3.org/1998/Math/MathML'>
<mrow><mo>&#x222b;</mo><mi>x</mi><mtext style='font-size: 48px'><div xmlns='http://www.w3.org/1999/xhtml' class='box'/></mtext></mrow>
</math>
</p>
<p id='t1'>
120px:
<math xmlns='http://www.w3.org/1998/Math/MathML'>
<mrow><mo>{</mo><mi>x</mi><mtext style='font-size: 120px'><div xmlns='http://www.w3.org/1999/xhtml' class='box' style='width: 48px'/></mtext><mo>}</mo></mrow>
</math>
<math xmlns='http://www.w3.org/1998/Math/MathML'>
<mrow><mo>[</mo><mi>x</mi><mtext style='font-size: 120px'><div xmlns='http://www.w3.org/1999/xhtml' class='box' style='width: 48px'/></mtext><mo>]</mo></mrow>
</math>
<math xmlns='http://www.w3.org/1998/Math/MathML'>
<mrow><mo>(</mo><mi>x</mi><mtext style='font-size: 120px'><div xmlns='http://www.w3.org/1999/xhtml' class='box' style='width: 48px'/></mtext><mo>)</mo></mrow>
</math>
<math xmlns='http://www.w3.org/1998/Math/MathML'>
<mrow><mo>|</mo><mi>x</mi><mtext style='font-size: 120px'><div xmlns='http://www.w3.org/1999/xhtml' class='box' style='width: 48px'/></mtext><mo>|</mo></mrow>
</math>
<math xmlns='http://www.w3.org/1998/Math/MathML'>
<mrow><mo>&#x222b;</mo><mi>x</mi><mtext style='font-size: 120px'><div xmlns='http://www.w3.org/1999/xhtml' class='box' style='width: 48px'/></mtext></mrow>
</math>
</p>
<p id='t5'>
40px:
<math xmlns='http://www.w3.org/1998/Math/MathML'>
<mrow>
<mo>(</mo><mi>x</mi><mo>,</mo>
<mtext style='font-size: 40px'><div xmlns='http://www.w3.org/1999/xhtml' class='box'/></mtext>
<mo>,</mo>
<mtext style='font-size: 40px'><div xmlns='http://www.w3.org/1999/xhtml' class='box'/></mtext>
<mo>,</mo>
<mtext style='font-size: 40px'><div xmlns='http://www.w3.org/1999/xhtml' class='box'/></mtext>
<mo>)</mo>
</mrow>
</math>
</p>
</body>
</html>