Skip to content

Instantly share code, notes, and snippets.

@daephx
Last active November 12, 2022 14:03
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save daephx/1d3648d19969db2c7840fb9ebe02b60a to your computer and use it in GitHub Desktop.
Save daephx/1d3648d19969db2c7840fb9ebe02b60a to your computer and use it in GitHub Desktop.
[Github Markdown] Examples of alignment using github flavored markdown #Examples #HTML

Testing Media Alignment

Table of Contents


Markdown

Horizontal Alignment

These notations do NOT work in in github flavored markdown. As it seems there is no means of resizing w/o digging into the HTML.

![](https://i.pinimg.com/originals/8a/fa/ec/8afaecde166051df5b62f99b5b8aedbd.png =200x200) ![](https://i1.sndcdn.com/avatars-cvEQ6pGcXtdxzIav-hOvJXw-t500x500.jpg =200x200) ![](https://64.media.tumblr.com/5de9654731c9829824d5a21b367a0817/ab5aaa58c947b5e0-d6/s540x810/85c901ddc5d80b9cbe270b791e93f02cabd62b31.gif =200x200) ![](https://pbs.twimg.com/profile_images/1212923505915957248/7VAgIcYc_400x400.png =200x200)

Supposedly works in github-wiki [[https://gyazo.com/eb5c5741b6a9a16c692170a41a49c858.png|width=100px]]


HTML

Github Markdown gets scrubbed by certain tags such as style=''. So, there are limitations in how things can be presented; this is some personal examples on how to do things within those limitations.

Horizontal Alignment

Laborum dolore et in labore laborum do occaecat quis reprehenderit exercitation nisi elit enim. Commodo consectetur ut aliqua eiusmod pariatur in magna veniam duis tempor laborum. Duis est nostrud anim mollit pariatur.


Vertical Alignment...?

Doesn't seem like there is a decent way to flow text using the `align` attribute.

Laborum dolore et in labore laborum do occaecat quis reprehenderit exercitation nisi elit enim. Commodo consectetur ut aliqua eiusmod pariatur in magna veniam duis tempor laborum. Duis est nostrud anim mollit pariatur.

Vertical Table Alignment

Laborum dolore et in labore laborum do occaecat quis reprehenderit exercitation nisi elit enim. Commodo consectetur ut aliqua eiusmod pariatur in magna veniam duis tempor laborum. Duis est nostrud anim mollit pariatur.
Esse minim ullamco ex excepteur consectetur fugiat in adipisicing. Ullamco aute aliquip aliqua consequat officia ipsum ullamco est amet nostrud sunt sunt. Voluptate velit deserunt minim incididunt esse exercitation et ullamco. Sunt sit incididunt fugiat sit minim ipsum aliqua cillum. Elit consequat nulla nisi sit ullamco fugiat sunt ullamco aliquip nostrud. Qui est consectetur exercitation excepteur consectetur cillum dolore esse anim mollit mollit id.

Horizontal Table Alignment

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment