I am so Bold
 I am  Italic
 I am strikethrough 
 
I am blockquote 

I am blockquote

  
I am so undrdered
  
Anarchy rulez

• I am so undrdered
• Anarchy rulez

  
Position one
  
Position two

1. Position one
2. Position two

code

    
        
    
    
        
    
    
        
    
Heading in column 1 row 1
Heading in column 2 row 1
column 1 row 2
 column 2 row 2.
 column 3 row 2.
Heading in column 1 row 3 
row 3 column 2

result

5.DIVS and CLASS

This is where it gets fancy.

DIV is a container. Like a box in which you put other html tags. If the box has a label, all the tags inside follow that label. The label is the CLASS property.

Let me give you an example

Align DIV (Pull to box to the left or to the right)

You can use multiple DIV containers to alight images, text boxer or anything in the way you want.

Align text (The way text is aligned in a column)

It is important to distinguish this from the previous way of aligning. You can have a box of text, that is on the right side of the screen (class="pull-right") , but still have the text aligned to the right side of the box.

To control text alignment, you have to use DIV again, just like this:

The look of each text block you can see in the gif upside or test alone.

5.SPAN

SPAN can be used like a div, but it is an inline element. This means that classes that are made for text or links will apply to spans. Most interesting example is having text with different colors, actually just red :D

This can be done with class called phishy This is some red text

You can actually make some interesting combinations if you check the source code and reverse engineer some of the classes. The problem is that they will be only applicable to the front end that you are using. For example I played with some of the classes in @ecency and made this:

If you are not on ecency, you probably won't see it ;) If you find some interesting classes that work on all frontends will be happy to see them

5.Links and Images

Nothing extraordinary here. This is a code for link This is a Dynamic FAQ post

That will look like this: This is a Dynamic FAQ post

This is code of image:

And this is the image it shows

5.CENTER

Center tags can center your content. Sometimes you get a strange bug, if you leave blank/empty lines between the lines. If you put both center tags in a single line it works fine just like that.

centered test text

uncentered test text

You can also use center in multiple lines, but you should never leave an empty line. Example:

centered text another line of centered text Third line of centered text

Uncentered text

And leaving just a single empty line produce a BUG and everything below gets centered

for example

< center> line of text ⠀ second line of text with blank line above < /center>

Uncentered text

To make the above example work, remove the blank space from the opening and closing div tags.

References

https://ecency.com/hive-174578/@jason04/how-to-format-your-blog-in-an-epic-way-or-a-guide-for-beginners https://ecency.com/steemit/@jonrhythmic/formatting-your-steemit-posts-using-html-markup-text-formatting-guide https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet https://ecency.com/hive-12358/@brutalisti/make-you-post-easier-to

If you have any questions check my dynamic post for questions All images, text and illustrations in this post are original content.

Engage with our NFT gallery