Collection of free HTML and CSS <sup>
& <sub>
code examples (with little JS) from codepen and other resources. Update of August 2018 collection. 2 new items.


Links
Made with
- HTML / CSS (SCSS)
About the code
<sup> <sub>
Simple animation for HTML <sup>
& <sub>
elements.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Dependencies: -


Links
Made with
- HTML / CSS (Stylus) / JavaScript
About the code
Complete the Story
The sup
and sub
elements. A simple page in which you can choose between two alternatives in order to fill a multitude of sentences.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Dependencies: -

Links
Made with
- HTML / CSS / JS (Babel)
About a code
Sub & Sup
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
Links
Made with
- HTML / CSS (SCSS) / JS
About a code
HTML Buddies Sub & Sup: Scrupble
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: -


Links
Made with
- HTML / CSS / JavaScript
About the code
Sup and Sub Elements
Hover (click for mobile) over the sup and sub elements to reveal a tooltip.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Dependencies: -


Links
Made with
- HTML / CSS (SCSS)
About the code
Sub/Sup Toggle
Sub/Sup toggle by click.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Dependencies: -

Links
Made with
- HTML / CSS (SCSS)
About the code
Sup-er Dates
Fancy dates with an 80s vibe.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Dependencies: bootstrap.css, font-awesome.css

Links
Made with
- HTML / CSS / JavaScript
About the code
<sup> & <sub>
<sup>
& <sub>
: math sums and products.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Dependencies: jquery.js


Links
Made with
- HTML (Pug) / CSS (SCSS)
About the code
Animated <sup> & <sub>
Funny animation for HTML <sup>
& <sub>
tags.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Dependencies: -


Links
Made with
- HTML / CSS / JavaScript
About the code
HTML Sub and Sup
Simple word editor.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Dependencies: bootstrap.css, font-awesome.css, jquery.js