25+ HTML <sup> & <sub> with CSS - Free Code + Demos
Collection of 25+ HTML <sup> & <sub> with CSS. All items are 100% free and open-source.
1. <sup> <sub>
Author: Carl (carljwood)
Links: Source Code / Demo
Created on: May 31, 2018
Made with: HTML, SCSS
2. Complete The Story
Create an entry for the weekly #codepenchallenge. The week's topic: the sup and sub elements. The week's entry: a simple page in which you can choose between two alternatives in order to fill a multitude of sentences.
Author: Gabriele Corti (borntofrappe)
Links: Source Code / Demo
Created on: May 26, 2018
Made with: HTML, Stylus, JS
Tags: codepenchallenge, cpc-sub-sup, sub, sup
3. Sub/Sup Toggle
Author: Adam Kuhn (cobra_winfrey)
Links: Source Code / Demo
Created on: May 23, 2018
Made with: HTML, SCSS
Tags: codepenchallenge, challenge, sub, sup, toggle
4. Sup-er Dates
Fancy dates with an 80s vibe. For the Codepen Challenge.
Author: Chris Rickels (cRckls)
Links: Source Code / Demo
Created on: May 22, 2018
Made with: HTML, SCSS
Tags: cpc-sub-sup, codepenchallenge, sub, sup
5. <sup> & <sub>: Math Sums & Products
I cannot believe this was a first-year 4-mark-worth degree question.
Author: Leena Lavanya (leenalavanya)
Links: Source Code / Demo
Created on: May 21, 2018
Made with: HTML, CSS, JS
Tags: cpc-sub-sup, codepenchallenge
6. Animated Sup & Sub
I was really tired and just couldn't think of any good ideas 😴.
Author: Jason Yeung (jyeung)
Links: Source Code / Demo
Created on: May 21, 2018
Made with: Pug, SCSS
CSS Pre-processor: SCSS
JS Pre-processor: None
HTML Pre-processor: Pug
Tags: codepenchallenge, cpc-sub-sup
7. HTML Sub And Sup
CodePen Challenge May 2018 - HTML Buddies - sub and sup
Author: Allistair Lee (allistairlee)
Links: Source Code / Demo
Created on: May 21, 2018
Made with: HTML, CSS, JS
Tags: codepenchallenge, cpc-sub-sup
8. Sub-sup
CodePenChallenge
Author: shubi (shubi)
Links: Source Code / Demo
Created on: May 23, 2018
Made with: HTML, CSS
Tags: codepenchallenge, cpc-sub-sup, html, css, animation
9. Awesome Sup & Sub Example
Feeling myself a designer
Author: Artem (artyschein)
Links: Source Code / Demo
Created on: May 23, 2018
Made with: Haml, Sass
CSS Pre-processor: Sass
JS Pre-processor: None
HTML Pre-processor: Haml
Tags: codepenchallenge, cpc-sub-sup, sup, sub, css
10. HTML Buddies <sub> & <sup>: Scrupble
Author: Jessica Paoli (skullface)
Links: Source Code / Demo
Created on: May 22, 2018
Made with: HTML, SCSS, JS
Tags: codepenchallenge, cpc-sub-sup, cpc-skullface
11. Superscript And Subscript
superscript And subscript HTML CSS
Author: Omar Dsooky (linux)
Links: Source Code / Demo
Created on: January 13, 2017
Made with: HTML, CSS
Tags: superscript, subscript, html, css
12. HTML [sub] And [sup]
Playing around with "sub" and "sup" HTML elements.
Author: Francisco dos Santos (fcasantos)
Links: Source Code / Demo
Created on: September 23, 2018
Made with: HTML, CSS
Tags: codepenchallenge, cpc-sub-sup
13. HTML Buddies: Sub & Sup
Styles to make and more usable for screen readers.
Author: Adrian Roselli (aardrian)
Links: Source Code / Demo
Created on: May 24, 2018
Made with: HTML, CSS
Tags: html, css, cpc-sub-sup, codepenchallenge, a11y
14. HTML Sup Tag
Author: Tutorialio (tutorialio)
Links: Source Code / Demo
Created on: March 7, 2017
Made with: HTML, CSS
15. <sub> & <sup> [CSS]
Author: Elias (onebadcoder)
Links: Source Code / Demo
Created on: May 27, 2018
Made with: HTML, PostCSS
Tags: sub, sup, css, non-responsive-css, plain-and-simple-css
16. Sup & Sub
Feeling myself a designer
Author: Artem (artyschein)
Links: Source Code / Demo
Created on: May 23, 2018
Made with: Haml, Sass
CSS Pre-processor: Sass
JS Pre-processor: None
HTML Pre-processor: Haml
Tags: codepenchallenge, cpc-sub-sup, sup, sub, css
17. <sub> And <sup>
Author: chndlr (chndlr)
Links: Source Code / Demo
Created on: May 26, 2018
Made with: HTML, SCSS
Tags: cpc-sub-sup, codepenchallenge
18. Match The Molecular Formula's - Cpc-sub-sup
Pure CSS matching game. Click on the name and corresponding formula to find matching colours.
Author: Porgeee (GeorgePorgee)
Links: Source Code / Demo
Created on: May 25, 2018
Made with: HTML, CSS
Tags: cpc-sub-sup, codepenchallenge, css, html, codenewbie
19. Slash Comparison By Font Family
I just discovered the fraction slash ⁄, so I created this table to show the difference between using a standard forward slash and a fraction slash for creating fractions with various font families.
Author: Zach Handing (zachhanding)
Links: Source Code / Demo
Created on: May 25, 2018
Made with: HTML, SCSS
Tags: codepenchallenge, cpc-sub-sup
20. Avocado Frappe Recipe (Sup And Sub)
CodePen HTML Buddies Challenge, Week 3: sub and sup.
Author: Amy C (digilou)
Links: Source Code / Demo
Created on: May 23, 2018
Made with: HTML, CSS
Tags: cpc-sub-sup, codepenchallenge
21. Anatomy Of Typography
Author: Rémi TRAN (trinketmage)
Links: Source Code / Demo
Created on: May 23, 2018
Made with: HTML, SCSS
Tags: codepenchallenge, cpc-sub-sup, anatomy, typography
More Awesome Lists:
Share: