Achievement 4 task - Applying Markdown Styles By @steven-elizabeth.

in hive-172186 •  3 years ago 

HNWT6DgoBc14riaEeLCzGYopkqYBKxpGKqfNWfgr368M9Uoaz6kFMPGr4A9jpcq2mXVymsFeVxoqDPgYrpYoV4nLSiN4GRLxRWbtDKVA515aKsaj1TsA874vski.png
Source

Hello steemians, welcome to my blog once again. In this article, I will be discussing about the importance of markdown styles and how how to utilize them when creating an article.

I will begin by justifying a text. As the name implies 'justify' it means aligning a text in a way that the length of words and space would be same with both margins. You can see a clear example in this article, it comes with the below open and close tag - < div class= " text-justify " > your text here < / div >

Centering A Text

Center Centering a text comes with an opening tag of < center > and a closing tag of < / center >. Your text should be in between the tags to get a centered text like the one above.

Making Headers


Headers are very important. To make a header you are required to add a # sign before the intended text so as to make it header, and as the # sign increases the text decreases in size. See example.

Header 1

Header 2

Header 3

Header 4

Header 5
Header 6

Above is example of different headings in steemit platform. The above styling was gotten from the markdown below.

With the above code you will achieve the heading markdown styles. Another important markdown style is the bullet points list, let's see it below.

Bullet points are done by adding asterisk in front of the text with a space. Look at the example below.

  • This is an Example of Bullet Point list
  • Another Example of Bullet Point List
  • Third Example of Bullet Point List

The above is a clear example of making a list in a post. There are two ways of making list, the prior example is called undered list. Let's see the second one called ordered list.

  1. First Example of Ordered List
  2. Second Example of Ordered List
  3. Third Example of Ordered List

The above list is an example of ordered list. Let's see another style that would be relevant when creating an article.

Aligning a word/picture to right/left a section

This markdown is also important in some publication, although not required in every article. Let's see how it is been done.

IMG_20210917_155520_273.jpg

IMG_20210917_155520_273.jpg

The above picture are aligned to left and right with the following markdown code.

< div class =" pull-right " > Your picture/text here </ div > - used for pulling a text/image to a right section.

< div class =" pull-left " > Your picture/text here </ div > - used for pulling a text/image to a left section.

There are other markdown styles but for the task requirement I would be stopping here. Thanks for reading through to the end. See you on my next task.

To the attention of @bright-obias and @cryptokannon this is my achievement 4 task...

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

image.png

Hi, @steven-elizabeth,

Your post has been supported by @dilchamo from the Steem Greeter Team.

Thanks I really appreciate...

This post has been rewarded by @bright-obias from @steemcurator04 Account with support from the Steem Community Curation Project."

Keep posting good content and follow @steemitblog for more updates. Thank you.