AbstractMark Playground

h1 Heading

h2 Heading

h3 Heading

h4 Heading

h5 Heading
h6 Heading
custom heading id
Marquee text
Left direction marquee text

Horizontal Rule


Typography

Bold text

Italic text

underline text

Striketrough text

Code

  • Inline code
    • inline code

  • Multiline code
    • <script>
      alert("Hello World")
      </script>

Class usage

Defining class

---define
.myclass{
/*css style here*/
background-color: red;
}
---

Using class

this is a line with red background

Inline Styling

hello world

hello
hello

External css

stylesheet = https://cdn.jsdelivr.net/npm/@fire-ui/fire-ui@0.2.3/FireUI.min.css

External JavaScript

script = https://cdn.jsdelivr.net/npm/@fire-ui/fire-ui@0.2.3/FireUI.min.js

AbstractMark

Image

AbstractMark logo

Blockquotes

Blockquotes
Nested Blockquotes
Lorem ipsum

List

Unordered list

  • Create an unordered list by starting a line with -
  • Sub-lists made by indenting n spaces or tab. Note that the n should be constant
  • Try it now!

Ordered list

  1. Create an ordered list by starting a line with a number and a .(dot)
  2. You can use sequential numbers or any number
  3. See this !!!
  4. And this !!!

Table

heading 1heading 2
helloworld
loremipsum

Task List

×

Export as: