Page Banner
I am an h1 with class=boldUnder
Paragraph text with an under line from class=line When making sentences some ideas are worth em-bold-ening while others are worth Alert-ing with a span. And other times you want to be subtle about it... Italics also exists I guess. Oh yeah and broken text also exists + strike In additon to blink-hard
I am an h2 w/class=titleUnder
That means that I have spacing, underline, fontsize, etc. All in one.
element p, class=insetText. This is a bubble of text, can be used to give clarification before a topic when placed under a heading or to give additional context when placed in the middle of text section
I am another text bubble but I have class=spacedText so that large text all bunched together gets some space to breath. Makes long paragraphs more visually managable. I am typing a lot so that its easier to see the effect.
I am an h2
And I am an h3
We look the same size because we both have the class=unifierH Also btw this ul element has class=spaceBoth to give some space between elements on top and bottom.
- which makes text 1.5rem
- I use it when I want my headings of differing numbers to appear the same size
This is a ul element with class=spacedList which adds more line-spacing
- Line 1
- Line 2
- Line 3
Boxes & Special Containers
box (class=center)
using a div w/class=box. can be filled with lots of text and even images.
Maybe even another box, you will notice a lack of space between the boxes. class .box does not have any margin or padding