latex-align-css.html

 <style>
    mtable.align > mtr > mtd:nth-child(2n),
    mtable.flalign > mtr > mtd:nth-child(2n),
    mtable.alignat > mtr > mtd:nth-child(2n),
    mtable.aligned > mtr > mtd:nth-child(2n+1),
    mtable.alignedat > mtr > mtd:nth-child(2n+1),
    mtable.split > mtr > mtd:nth-child(2n+1)
      {
padding-right:0;text-align:right;text-align:-moz-right;text-align:-webkit-right;
}
    mtable.align > mtr > mtd:nth-child(2n+3),
    mtable.flalign > mtr > mtd:nth-child(2n+3),
    mtable.alignat > mtr > mtd:nth-child(2n+3),
    mtable.aligned > mtr > mtd:nth-child(2n),
    mtable.alignedat > mtr > mtd:nth-child(2n),
    mtable.split > mtr > mtd:nth-child(2n)
      {
padding-left:0;text-align:left;text-align:-moz-left;text-align:-webkit-left;
      }

/* use float right for safari */

@supports (-webkit-appearance:none) and (stroke-color:transparent) {
    mtable.align > mtr > mtd:nth-child(2n),
    mtable.flalign > mtr > mtd:nth-child(2n),
    mtable.alignat > mtr > mtd:nth-child(2n),
    mtable.aligned > mtr > mtd:nth-child(2n+1),
    mtable.alignedat > mtr > mtd:nth-child(2n+1),
    mtable.split > mtr > mtd:nth-child(2n+1)
      {
       padding-right:0;text-align:right;float:right:display:math;
}
}


    mtable.align > mtr > mtd:nth-child(2n)
    {border    margin-left:1em;
    padding-left:1em; }
    
    mtable.alignat > mtr > mtd
    { margin-left:0em; margin-right:0em;
      padding-left:0em; padding-right:0em;}
    
    mtable.flalign {width:100%}


mtd[intent=":no-equation-label"], mtd[intent=":equation-label"] {
position:relative; left:-2em;
}
</style>