<!DOCTYPE html> <html> <head> <title>table-width-4</title> <meta charset="utf-8"/> <style type="text/css"> html { background-color: grey; } td { border: 1px solid white; padding-top: 0; padding-bottom: 0; padding-right: 2px; padding-left: 1px; background-color: black; color: black; } </style> </head> <body> <table> <tr> <td> <math><mphantom><mi>ℓ</mi><mi>i</mi></mphantom></math> </td> </tr> </table> <table> <tr> <td> <math><mphantom><mtext>ℓ</mtext><mi>i</mi></mphantom></math> </td> </tr> </table> <table> <tr> <td> <math><mphantom><mtext style="font-style: italic">ℓ</mtext><mi>i</mi></mphantom></math> </td> </tr> </table> <table> <tr> <td> <math><mphantom><mtext mathvariant="script">l</mtext><mi>i</mi></mphantom></math> </td> </tr> </table> <table> <tr> <td> <math><mphantom><mi mathvariant="script">l</mi><mi>i</mi></mphantom></math> </td> </tr> </table> <table> <tr> <td> <math><mphantom><mi mathvariant="script">l</mi><mi>i</mi></mphantom></math> </td> </tr> </table> </body> </html>