fieber.css

Hint 📌

This fieber.css demo site has overview of all supported elements.

Learn more about the framework on GitHub.

Inline elements

Strong, Emphasized, Internal link, External link, , Mark, Small, Subscript, Superscript, Deleted, Inserted, Definition, Quote, Keyboard input, Code, Sample output, Variable, Abbreviation

Combined examples: Deleted quote, Linked code, Strong superscript

Headlines

Third headline

Fourth headline

Fifth headline
Sixth headline

Paragraph

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est.

Aside

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

Lists

Unordered

Ordered

  1. First item

  2. Second item

  3. Third item

    1. First item
    2. Second item

Navigation

Description

First term
First details
Second term
Second details

Quote

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.

by Author

Code

static void __zstd_exit(void *ctx)
{
	zstd_comp_exit(ctx);
	zstd_decomp_exit(ctx);
}
Code description

Table

Table caption
Item Color Amount Price per pound
Apple Red 3 $ 1.32
Orange Orange 2 $ 1.60
Banana Yellow 1 $ 10
Totals 6 $ 12.92

Media

Image

Alternative text
Image caption

Audio

Audio caption

Video

Source: Big Buck Bunny, Blender Foundation (CC BY 3.0)

Form

Additional information about this input.

Error message

Input group

Miscellaneous elements

Details

Summary

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est.

Dialog

Lorem ipsum dolor sit amet.

Ruby annotation

(Kan)(Ji) 2022(Year) 09(Month) 24(Date)

Progress

Meters

Horizontal rule