[test] It’s not directly involved with Jekyll issue but here it relates though, I’m using Markdown format on my Jekyll site. As demonstrated in the above picture, how can we accomplish this using Markdown on Jekyll? I know, Markdown is not the replacement of HTML but can we achieve such result usi…

What you’ve written above isn’t valid Markdown that’s why ## Some Text On Left isn’t converting into a <h2>. You need a double line break for that to convert to a headline. Your inline CSS also isn’t valid, you’re mixing HTML attributes with CSS style. To get this to work you likely need to wrap so…

Kramdown allows for inline attributes. You can apply a CSS class to the image or inline style to float the image to the left so the text wraps on the right. https://kramdown.gettalong.org/quickref.html#inline-attributes

![image](path-to-image.jpg){: style="float: left"} Some text.

Yes and it works as expected. The image get’s an inline style of float: left; Have you tested it?

Yes, kinda. To test it, I made a github issue where I did something like the following, and It didn’t come out as expected. [a] [b]

It’s not going to work in GitHub issues… this is a Kramdown/Jekyll thing.

@mmistakes That’s really help. However, can we apply padding or margin to fit the image left and text on right like above image (in the question)?

Yes you can. It really depends on how you want to do it. You can either add all the styling you want inline like above… just appended more styles to the float. e.g. {: style="float: left; margin-right: 1em;"} Or better yet, you add as a class which you have CSS in your stylesheet you reference. Th…

Awesome. However, here we get something like below ![image](graph_two.jpg){: style="float: left"; margin-right: 10em; height="25%" width="25%"} ## Some Text On Left!<br>Some Text On Left!<br><br>Some Text On Left!Some Text On Left!Some Text output: [E] We can scale the image as you suggested but…

Fantastic! Thanks a lot. It works smoothly. :slightly_smiling_face:

Inclusion image on left side and text on the right side using Markdown in Jekyll site?

Help

iphton September 29, 2019, 6:41pm 4

Have you tested it? ![image](path-to-image.jpg){: style="float: left"}

Topic		Replies	Views
Image and Text Alignment Question	5	6297	January 26, 2019
Put social media icons under picture Help	5	1732	September 18, 2021
HTML in Markdown Help	5	31298	June 17, 2020
How to add a image with links in markdown? Help	12	15203	February 19, 2025
Proper markdown for images with id and class	6	11129	July 8, 2019

Inclusion image on left side and text on the right side using Markdown in Jekyll site?

Related topics