Try hovering over some the mathematical symbols and variables in the following equation:
$$ \cssId{x}{x} = {-\class{x_coef}{b} \cssId{plusminus}{\pm} \class{sq_root}{\sqrt{b^2-4ac}} \over 2\class{sqcoef}{a}} $$In line equations ( e.g., $\cssId{lnbase}{e}^{\class{im}{i}x}=\class{cosine}{\cos} x+\class{im}{i}\class{sine}{\sin} x$ ) can also be annotated.
To exclude math notations from the lesson notes just start cssId with an underscore.
$$\class{x-ket}{|x\rangle} \class{def-equal}{:=} \begin{bmatrix}\cssId{_amp-0}{\sqrt{\tfrac{1}{2}}} \\ \cssId{_amp-1}{\sqrt{\tfrac{1}{2}}} \\ \cssId{_amp-2}{0} \\ \cssId{_amp-3}{0} \end{bmatrix}$$
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eu tortor sit amet massa vestibulum euismod. Vivamus semper turpis magna, ac malesuada turpis auctor non.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vivamus imperdiet tempus ullamcorper. Nullam a rhoncus tortor, vitae laoreet neque. Etiam libero dolor, imperdiet id sagittis a, elementum non risus.