Miscellaneous Typography

These are the various smaller typography elements associated with web page content.

Address

Written by Jon Doe.
Visit us at: Example.com
12345 Any Street
British Columbia, Canada

Emphasized textStrong (bold) text

CSS uses the abbr tag.

Definition term

Sample output from a computer program

kbd tag

Variable


Mark – Highlight

Lorem ipsum dolor sit amet consectetur adipiscing elit. Praesent et augue vitae ipsum consectetur sagittis. Etiam a condimentum ac euismod sit amet, iaculis eget metus. Donec consectetur et tristique nunc. Proin egestas imperdiet consectetur turpis euismod dignissim. Nulla a purus sit amet nibh viverra consectetur interdum tempor vitae ligula. Aenean sagittis iaculis ante vitae posuere consectetur uspendisse mollis ac nunc vitae sodales. Vestibulum lobortis consectetur diam ut bibendum imperdiet. Donec nec arcu odio. Nam accumsan consectetur feugiat turpis ut dignissim. Vestibulum volutpat nunc justo, in placerat eros tempus ac. Fusce ullamcorper turpis libero, quis vulputate purus semper a. Ut pharetra ipsum sit amet tortor adipiscing, id convallis lorem viverra.


Deleted and Inserted Text

This is what the del (delete) and ins (insert) looks like with color red for delete and this is an insert when applied to a couple words.


Subscript and Superscript

The <sub> tag defines subscript text. Subscript text appears half a character below the baseline. Subscript text can be used for chemical formulas, like H2O.

This text contains superscript text.


Drop Cap

Aorem ipsum dolor sit amet, consectetur adipiscing elit. Sed blandit nulla at orci aliquet, vitae tincidunt lacus pretium. Ut hendrerit fermentum lorem fringilla commodo. In volutpat elit ut nisl lobortis tempor. Vestibulum facilisis congue metus quis tincidunt. In posuere orci ac justo facilisis pulvinar. Pellentesque sollicitudin sollicitudin mollis. Curabitur hendrerit, felis vitae tincidunt aliquam, velit lorem dignissim purus, sit amet aliquam risus dolor sed velit.

Donec vestibulum sapien sit amet fermentum elementum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam et sagittis turpis, a gravida justo. Suspendisse gravida nunc eu ante posuere euismod. Curabitur lorem nisl, imperdiet eu turpis vestibulum, vulputate dictum metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia.