LaTeX and XƎTEX logos in HTML and CSS

LATEX

XƎTEX

<span class="latex">L<sup>A</sup>T<sub>E</sub>X</span>

<span class="xetex">X<sub>&#398;</sub>T<sub>E</sub>X</span>


.latex sub {
  vertical-align: -0.1ex;
  margin-left: -0.1667em;
  margin-right: -0.025em;
}

.xetex sub {
  vertical-align: -0.1ex;
  margin-left: -0.1667em;
  margin-right: -0.125em;
}

.latex sub, .latex sup, .xetex sub {
  font-size: 0.9em;
  text-transform:uppercase;

}
.latex sup {
  font-size: 0.85em;
  vertical-align: -0.2em;
  margin-left: -0.26em;
  margin-right: -0.05em;
}