Skip to content

Commit

Permalink
Update markdowntricks.md
Browse files Browse the repository at this point in the history
Add p tags.
  • Loading branch information
mishmanners committed Mar 30, 2021
1 parent 874b4be commit e333467
Showing 1 changed file with 5 additions and 3 deletions.
8 changes: 5 additions & 3 deletions markdowntricks.md
Original file line number Diff line number Diff line change
Expand Up @@ -117,16 +117,18 @@ You can also include text and images as centered objects:

Sometimes you want to change the size of your text. For example, you might want to add a caption to an image, and you might want this text to be smaller than the rest.

Wrap your text in "sup" or "sub" tags to make it smaller. This is used instead of using the "p" tag above.
Wrap your text in "sup" or "sub" tags to make it smaller. This is used instead of using the "p" tag above. Keeping the "p" tag however, will ensure your text goes on a separate line.

**Examples**

<div align="center">
<img src="https://octodex.github.com/images/spidertocat.png" width="200">
<sup><strong>Img 1.</strong> Isn't our Spidertocat just awesome?</sup>
<p>
<sup><strong>Img 1.</strong> Isn't our Spidertocat just awesome?</sup></p>
</div>

And another example with all elements justified left. You can see here we don't necessarily need to wrap everything in a div container (only do this if you want to specify the alignment):

<img src="https://octodex.github.com/images/kimonotocat.png" width="200">
<sup><strong>Img 2.</strong> Kimonotocat, straight out of Japan!</sup>
<p>
<sup><strong>Img 2.</strong> Kimonotocat, straight out of Japan!</sup></p>

0 comments on commit e333467

Please sign in to comment.