Custom image width in Markdown / html.

github html markdown

Today, I wanted to change the width on an image, in a webpage, that was written in Github-flavored Markdown. Like, groan. I had read this page at some previous date, where you can fiddle with the css to get some features to change, and I did those things, again. It didn’t work.

So I just wrote it in html, as suggested by this highly ranked SO answer.

<img src="drawing.jpg" alt="alt text" style="width:150px;"/> 

Along the way, I discovered some other handy things, like you can set up an image to be aligned on a certain side, add padding, and then wrap text.

<img src="drawing.jpg" alt="alt text" align = "left" style="width:100px; padding: 0px 10px 10px 0px"/> Here's some text that is going wrap ... 

alt text Here’s some text that is going wrap. I am using the montage example from the TIL example from three days ago. Though really as I write this, and after going through a lot of angst with getting image sizes right, I realized I could have just resized the images and used the resized images instead of a width attribute. I think that’s what I may do in the future.

© Amy Tabb 2018 - 2023. All rights reserved. The contents of this site reflect my personal perspectives and not those of any other entity.