Articles in this section
Category / Section

How to align the content in Markdown Editor

Published:

By default, contents are left-aligned. Kindly use the workaround provided below to change the alignment of the content in markdown as there isn’t an alignment option in the markdown editor.

To change the content alignment:

  • Use the following structure to align the content

We suggest inserting a blank line before and after the block as indicated below in order to achieve the best results.

  1. For Text:

    image.png

  2. For Image:

    image.png

  3. For Table:

    image.png

  4. For Code-Block:

    image.png

  5. For iframe:

  • Utilize the float property to position the iframe on both the left and right sides.
    image.png
  • Utilize the margin to centrally align the iframe.
    image.png
  • You can modify the content alignment based on below class names
Leftalign-block-left.
for iframe, float: left
Centeralign-block-center.
for iframe, margin: 0 auto
Rightalign-block-right.
for iframe, float: right

Result:

  1. For Text:

    image.png

  2. For Image

    image.png

  3. For Table

    image.png

  4. For Code-Block

    image.png

  5. For iframe

  • The iframe on the left and right sides.
    image.png
  • Center iframe.
    image.png
Was this article useful?
Like
Dislike
Help us improve this page
Please provide feedback or comments
Comments (0)
Please  to leave a comment
Access denied
Access denied