Skip to content

Instantly share code, notes, and snippets.

@PyDataBlog

PyDataBlog/aligning-images.md

Forked from DavidWells/aligning-images.md
Created April 24, 2020 16:42
Download ZIP

Revisions

  1. @DavidWells DavidWells revised this gist Jul 26, 2019. No changes.
  2. @DavidWells DavidWells revised this gist Jan 7, 2018. 1 changed file with 5 additions and 1 deletion.
    6 changes: 5 additions & 1 deletion aligning-images.md
    View file
    Original file line number Diff line number Diff line change
    @@ -35,4 +35,8 @@ This is the code you need to align images to the right:
    </p>
    ```

    ---
    ---

    ## Markdown Formatting on steriods

    If you like this, you might enjoy [markdown-magic](https://github.com/davidwells/markdown-magic). I built it to automatically format markdown files and allow folks to sync docs/code/data from external sources.
  3. @DavidWells DavidWells revised this gist Dec 1, 2016. 1 changed file with 4 additions and 4 deletions.
    8 changes: 4 additions & 4 deletions aligning-images.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,7 +1,7 @@

    ## Aligning images
    # Aligning images

    ### `left` alignment
    ## `left` alignment

    <img align="left" width="100" height="100" src="http://www.fillmurray.com/100/100">

    @@ -12,7 +12,7 @@ This is the code you need to align images to the left:

    ---

    ### `right` alignment
    ## `right` alignment

    <img align="right" width="100" height="100" src="http://www.fillmurray.com/100/100">

    @@ -23,7 +23,7 @@ This is the code you need to align images to the right:

    ---

    ### `center` alignment example
    ## `center` alignment example

    <p align="center">
    <img width="460" height="300" src="http://www.fillmurray.com/460/300">
  4. @DavidWells DavidWells revised this gist Dec 1, 2016. 1 changed file with 0 additions and 1 deletion.
    1 change: 0 additions & 1 deletion aligning-images.md
    View file
    Original file line number Diff line number Diff line change
    @@ -10,7 +10,6 @@ This is the code you need to align images to the left:
    <img align="left" width="100" height="100" src="http://www.fillmurray.com/100/100">
    ```

    Here is a markdown snippet that demos image alignment
    ---

    ### `right` alignment
  5. @DavidWells DavidWells revised this gist Dec 1, 2016. No changes.
  6. @DavidWells DavidWells created this gist Nov 29, 2016.
    39 changes: 39 additions & 0 deletions aligning-images.md
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,39 @@

    ## Aligning images

    ### `left` alignment

    <img align="left" width="100" height="100" src="http://www.fillmurray.com/100/100">

    This is the code you need to align images to the left:
    ```
    <img align="left" width="100" height="100" src="http://www.fillmurray.com/100/100">
    ```

    Here is a markdown snippet that demos image alignment
    ---

    ### `right` alignment

    <img align="right" width="100" height="100" src="http://www.fillmurray.com/100/100">

    This is the code you need to align images to the right:
    ```
    <img align="right" width="100" height="100" src="http://www.fillmurray.com/100/100">
    ```

    ---

    ### `center` alignment example

    <p align="center">
    <img width="460" height="300" src="http://www.fillmurray.com/460/300">
    </p>

    ```
    <p align="center">
    <img width="460" height="300" src="http://www.fillmurray.com/460/300">
    </p>
    ```

    ---