Skip to content

Instantly share code, notes, and snippets.

@simix-felipebaltazar
Created June 18, 2019 13:36
Show Gist options
  • Save simix-felipebaltazar/97e84bfc15d7ae64534745e3e832ca5b to your computer and use it in GitHub Desktop.
Save simix-felipebaltazar/97e84bfc15d7ae64534745e3e832ca5b to your computer and use it in GitHub Desktop.
Markdown formatting tips

Markdown Hacks

Tips for markdown formating

Images - centred with border

  • Code:
<p align="center">
	<kbd>
		<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/d5/Rubber_duck_assisting_with_debugging.jpg/220px-Rubber_duck_assisting_with_debugging.jpg" alt="duck debugging" style="max-width:100%;"/>
	</kbd>
</p>
  • Result:

duck debugging

Line separator

  • Code:
<!--  -->
<br>

***

<br>
<!--  -->
  
  • Result:



Expand/Collapse

  • Code:
<details>
    <summary>
        <b>Expand me</b>
    </summary>

- Hello here
- We accept **markdown** here
- `Code`

| You can create a table here | Its true | 
|:------------------------------:|:--------:|
| Yes                                       | Yes       |

</details>
  • Result:
Expand me
  • Hello here
  • We accept markdown here
  • Code
You can create a table here Its true
Yes Yes
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment