A few Markdown tips

Here are a few markdown tricks which I recently discovered

Make a button

Button

Button

Button
Group

Doesn’t that look cool?

It’s just a hack of the table. Here’s the source:

| [Button](https://dev.to/sidd…


This content originally appeared on DEV Community and was authored by Siddharth

Here are a few markdown tricks which I recently discovered

Make a button

Doesn't that look cool?

It's just a hack of the table. Here's the source:

| [Button](https://dev.to/siddharthshyniben) |
|----------|

And for groups:

| [Button](https://dev.to/siddharthshyniben) | [Group](https://dev.to/siddharthshyniben) |
|----------|----------|

Check out Centering for how to center stuff

Make a box

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras pulvinar vehicula erat quis tincidunt. Mauris sed elementum leo. Quisque ex neque, ullamcorper ut quam at, aliquet vehicula dolor. Donec nec ultricies mauris. Nam eros nisl, placerat sit amet gravida at, condimentum sed justo. Duis eget placerat diam. Duis sed turpis non erat porta vehicula ac non massa. Maecenas ac turpis quis nibh dapibus hendrerit. Phasellus a iaculis dolor, ut cursus nibh. Cras et risus ut mauris accumsan imperdiet vel eu dolor. Aliquam porta tortor lectus, sed elementum augue lacinia id.
Important Header!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras pulvinar vehicula erat quis tincidunt. Mauris sed elementum leo. Quisque ex neque, ullamcorper ut quam at, aliquet vehicula dolor. Donec nec ultricies mauris. Nam eros nisl, placerat sit amet gravida at, condimentum sed justo. Duis eget placerat diam. Duis sed turpis non erat porta vehicula ac non massa. Maecenas ac turpis quis nibh dapibus hendrerit. Phasellus a iaculis dolor, ut cursus nibh. Cras et risus ut mauris accumsan imperdiet vel eu dolor. Aliquam porta tortor lectus, sed elementum augue lacinia id.

Once again, this is also a hack of the table.

Here's the source:

| Lorem ipsum... |
|  :------:  |

And here's the one with the header:

| Important Header! |
|  :------:  |
| Lorem ipsum... |

Centering


To center stuff, wrap them in center tags. The only problem is that you can't type markdown in center tags. You need to type in HTML.

On GitHub, you can use <p align="center"> instead

Linking anywhere

(Dummy text to separate other stuff from the link)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras pulvinar vehicula erat quis tincidunt. Mauris sed elementum leo. Quisque ex neque, ullamcorper ut quam at, aliquet vehicula dolor. Donec nec ultricies mauris. Nam eros nisl, placerat sit amet gravida at, condimentum sed justo. Duis eget placerat diam. Duis sed turpis non erat porta vehicula ac non massa. Maecenas ac turpis quis nibh dapibus hendrerit. Phasellus a iaculis dolor, ut cursus nibh. Cras et risus ut mauris accumsan imperdiet vel eu dolor. Aliquam porta tortor lectus, sed elementum augue lacinia id

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras pulvinar vehicula erat quis tincidunt. Mauris sed elementum leo. Quisque ex neque, ullamcorper ut quam at, aliquet vehicula dolor. Donec nec ultricies mauris. Nam eros nisl, placerat sit amet gravida at, condimentum sed justo. Duis eget placerat diam. Duis sed turpis non erat porta vehicula ac non massa. Maecenas ac turpis quis nibh dapibus hendrerit. Phasellus a iaculis dolor, ut cursus nibh. Cras et risus ut mauris accumsan imperdiet vel eu dolor. Aliquam porta tortor lectus, sed elementum augue lacinia id

Here's a link which goes nowhere

(Dummy text to separate other stuff from the link)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras pulvinar vehicula erat quis tincidunt. Mauris sed elementum leo. Quisque ex neque, ullamcorper ut quam at, aliquet vehicula dolor. Donec nec ultricies mauris. Nam eros nisl, placerat sit amet gravida at, condimentum sed justo. Duis eget placerat diam. Duis sed turpis non erat porta vehicula ac non massa. Maecenas ac turpis quis nibh dapibus hendrerit. Phasellus a iaculis dolor, ut cursus nibh. Cras et risus ut mauris accumsan imperdiet vel eu dolor. Aliquam porta tortor lectus, sed elementum augue lacinia id

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras pulvinar vehicula erat quis tincidunt. Mauris sed elementum leo. Quisque ex neque, ullamcorper ut quam at, aliquet vehicula dolor. Donec nec ultricies mauris. Nam eros nisl, placerat sit amet gravida at, condimentum sed justo. Duis eget placerat diam. Duis sed turpis non erat porta vehicula ac non massa. Maecenas ac turpis quis nibh dapibus hendrerit. Phasellus a iaculis dolor, ut cursus nibh. Cras et risus ut mauris accumsan imperdiet vel eu dolor. Aliquam porta tortor lectus, sed elementum augue lacinia id

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras pulvinar vehicula erat quis tincidunt. Mauris sed elementum leo. Quisque ex neque, ullamcorper ut quam at, aliquet vehicula dolor. Donec nec ultricies mauris. Nam eros nisl, placerat sit amet gravida at, condimentum sed justo. Duis eget placerat diam. Duis sed turpis non erat porta vehicula ac non massa. Maecenas ac turpis quis nibh dapibus hendrerit. Phasellus a iaculis dolor, ut cursus nibh. Cras et risus ut mauris accumsan imperdiet vel eu dolor. Aliquam porta tortor lectus, sed elementum augue lacinia id

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras pulvinar vehicula erat quis tincidunt. Mauris sed elementum leo. Quisque ex neque, ullamcorper ut quam at, aliquet vehicula dolor. Donec nec ultricies mauris. Nam eros nisl, placerat sit amet gravida at, condimentum sed justo. Duis eget placerat diam. Duis sed turpis non erat porta vehicula ac non massa. Maecenas ac turpis quis nibh dapibus hendrerit. Phasellus a iaculis dolor, ut cursus nibh. Cras et risus ut mauris accumsan imperdiet vel eu dolor. Aliquam porta tortor lectus, sed elementum augue lacinia id

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras pulvinar vehicula erat quis tincidunt. Mauris sed elementum leo. Quisque ex neque, ullamcorper ut quam at, aliquet vehicula dolor. Donec nec ultricies mauris. Nam eros nisl, placerat sit amet gravida at, condimentum sed justo. Duis eget placerat diam. Duis sed turpis non erat porta vehicula ac non massa. Maecenas ac turpis quis nibh dapibus hendrerit. Phasellus a iaculis dolor, ut cursus nibh. Cras et risus ut mauris accumsan imperdiet vel eu dolor. Aliquam porta tortor lectus, sed elementum augue lacinia id

Now here's a link which links to the earlier link

To do this, create a link which has a name attribute (something like "something-here").

Then, you can link to it like [Link](#name-attribut-content-here)

That's all for now. I might add a few more posts with some more ideas!

Thanks for reading!


This content originally appeared on DEV Community and was authored by Siddharth


Print Share Comment Cite Upload Translate Updates
APA

Siddharth | Sciencx (2021-05-21T08:59:56+00:00) A few Markdown tips. Retrieved from https://www.scien.cx/2021/05/21/a-few-markdown-tips/

MLA
" » A few Markdown tips." Siddharth | Sciencx - Friday May 21, 2021, https://www.scien.cx/2021/05/21/a-few-markdown-tips/
HARVARD
Siddharth | Sciencx Friday May 21, 2021 » A few Markdown tips., viewed ,<https://www.scien.cx/2021/05/21/a-few-markdown-tips/>
VANCOUVER
Siddharth | Sciencx - » A few Markdown tips. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/05/21/a-few-markdown-tips/
CHICAGO
" » A few Markdown tips." Siddharth | Sciencx - Accessed . https://www.scien.cx/2021/05/21/a-few-markdown-tips/
IEEE
" » A few Markdown tips." Siddharth | Sciencx [Online]. Available: https://www.scien.cx/2021/05/21/a-few-markdown-tips/. [Accessed: ]
rf:citation
» A few Markdown tips | Siddharth | Sciencx | https://www.scien.cx/2021/05/21/a-few-markdown-tips/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.