The OP is getting what things are mixed up with what they look like. They are trying to incorrectly mark up what things are using CSS which is NOT what CSS is for as that is for defining the appearance. What the things are (such as a subscript or superscript) should be marked up in the HTML which is where you define what the things are. If you are not going to define what things are using HTML then you will end up with
<span class="html"><span class="head"><span class="title">title goes here... etc
as the start of your HTML. Those tags are no different from the ones the OP is proposing to use so if they are going to try to define everything about what things are incorrectly via CSS then that's what the HTML should start with since using any tag in the HTML other than span implies what something is and you are trying to move all of that to the CSS.