| <!doctype html> |
| <html> |
| <head> |
| <title>fractions positions</title> |
| <meta charset="utf-8"/> |
| <style> |
| math { |
| padding: 0; |
| border: 0; |
| } |
| td { |
| border: 1px solid black; |
| text-align: center; width: 8em; height: 8em; |
| vertical-align: middle; |
| } |
| span { |
| display: inline-block; |
| background: black; |
| border: 0; |
| margin: 0; |
| } |
| </style> |
| </head> |
| <body> |
| |
| <table style="position: absolute; top: 10px; left: 10px;"> |
| <tr> |
| <td> |
| <math> |
| <mfrac> |
| <mtext><span style="width: 2em; height: 1em;"></span></mtext> |
| <mtext><span style="width: 2em; height: 1em; background:blue;"></span></mtext> |
| </mfrac> |
| </math> |
| </td> |
| <td> |
| <math> |
| <mfrac> |
| <mtext><span style="width: 2em; height: 1em; background:red;"></span></mtext> |
| <mtext><span style="width: 2em; height: 1em;"></span></mtext> |
| </mfrac> |
| </math> |
| </td> |
| </tr> |
| </table> |
| |
| <table style="position: absolute; top: 10px; left: 10px;"> |
| <tr> |
| <td> |
| <span style="width: 2em; height: 2em; margin-bottom: 2em;"></span> |
| </td> |
| <td> |
| <span style="width: 2em; height: 2em; margin-top: 2em;"></span> |
| </td> |
| </tr> |
| </table> |
| |
| </body> |
| </html> |
