Subscript & Superscript CSS

Hello, I m working on CSS design & find some issue every day, one of issue is modern browsers doesn't accept <sub>, so here is the process to solve.

^{Steps in HTML
put for text
H2O
Steps in CSS
.water sub{
vertical align:super or sub;
}
Result
H2O}</sub>