Typography
Primary Headings
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Anchor Links
If you paste in a URL, like https://clapat.com – it’ll automatically be linked up. But if you want to customise your anchor text, you can do that too! Here’s a link to the ClaPat website.
Floating Images
This is a text with a which you can use as you want in each paragraph.
Blockquote
Heading 5
A designer knows he has achieved perfection not when there is nothing left to add, but when there is nothing left to take away.
Tables
| # | Heading | Heading | Heading | Heading |
|---|---|---|---|---|
| 1 | Cell | Cell | Cell | Cell |
| 2 | Cell | Cell | Cell | Cell |
| 3 | Cell | Cell | Cell | Cell |
| 4 | Cell | Cell | Cell | Cell |
| 5 | Cell | Cell | Cell | Cell |
Highlighting
Highlighting text can help bring important information immediately to the reader’s attention. When creating a highlighting text, all you need to do is add a == before and after your text in a Markdown card.
Lists
Unordered list
- Item number one
-
Item number two
- Nested item one
- Nested item two
- Item number three
Ordered list
- Item number one
-
Item number two
- Nested item one
- Nested item two
- Item number three
CODE
.my-element {
display: block;
width: 100%;
}TEXT IDENTATION
You don’t see this visual style as much in web pages because browsers, by default, display paragraphs with space underneath them as a way to show where one ends and another begins, but if you want to style a page to have that print-inspired indent style on paragraphs, you can do so with the text-indent style property.
You don’t see this Visual style as much in web pages because browsers by default.
BUTTONS
.