I should’ve condensed that because it’s hiding what I wanted to communiccate. Lemme try again:

<p style=”align:center;font-size:small;color:#D0F5A9;”><img src=”https://lh3.googleusercontent.com/…” style=”max-width:600px” /><br/>Image credit</p>

That’s about 200% less confusing.

Wow, didn’t see the forest for the trees. It’s been a while since I’ve written HTML, and misremembered ‘align’. It should be text-align. Doh.

Also forgot markup for the credit. Let’s use an old-fashioned BR to just tack the credit on right after the image, inside the same paragraph. That way it’ll be centered under the image:

<p style=”align:center;font-size:small;color:#D0F5A9;”><img src=”https://photos.app.goo.gl/X8Cj1b8qcr8HJZnp6″ style=”max-width:600px” /></p>
https://lh3.googleusercontent.com/KW3sK_3oG9qw7JUWGTKDPEg8H0dTGhQ6pM3-RtsHQMmVJQJEnhFnwnaQoZXdzD2CfIQE60nTD_WR7x1zuhPemEXVrKQmj-uLjNuAwc6sbRIv6tOoVU9KKOXzZVQZxQL8ari82nPMWnPwUOpmD6MffX_mgJQ8okEVV6458s1sbnQVd2EbucwVb-escot6XW6wmHBppqt2kTyh2S_blEXigR4EJ1S58sqnpHTvfV94G40e65ZcqkihKy4KZoM706OiE5BS-jUZLQuKlo8Fql7kN8DXGJhkjCTSGoosc3dOrsVYIhZ2coP4LssznLQfOx67U9A5uYyTNhymQ_calXYVb_HIbZbhFUEd89QobXOFgQyzpFpp-IFFVoWNvLx_tqYPn9pDvyQA6x-7wafEXhhHy0Ev_q1vIAGxOTlqK4VMsYyCSvLsKPA7m2WqgaXHumVBpubpvEGevBlATcMNGgEslQSAhYW9pr3Q7eZm1KtcoshW56Ch0Lv4eepVxMWuL5hbb6LEnYs-bWAkBjfqoZa0aXN_ImDjz07Mpp1Ki5XzXUtAwqRwbYHtOWqDqMS_Z5nZBMsKAdLYmxjC6DNBd-t6AS9PyITlhJIfwuPrgTT2zjJQA2WSF4tUXtHoouxTHa4LYyNf3MEzG03VCvNKFWNqGqigcJBs5_uOYTpkUD89fMKIzu2kq420g4nhp5BLJMtr7lwZi16vpkEg_ADvfRdRDxuem1WYV8UalCWxRCyJwy2y-lBOPoHxnVvT5TL-3jU7bC_uvV_YwhvftA5u8Q=w355-h155-no?authuser=0“), url(“https://lh3.googleusercontent.com/KW3sK_3oG9qw7JUWGTKDPEg8H0dTGhQ6pM3-RtsHQMmVJQJEnhFnwnaQoZXdzD2CfIQE60nTD_WR7x1zuhPemEXVrKQmj-uLjNuAwc6sbRIv6tOoVU9KKOXzZVQZxQL8ari82nPMWnPwUOpmD6MffX_mgJQ8okEVV6458s1sbnQVd2EbucwVb-escot6XW6wmHBppqt2kTyh2S_blEXigR4EJ1S58sqnpHTvfV94G40e65ZcqkihKy4KZoM706OiE5BS-jUZLQuKlo8Fql7kN8DXGJhkjCTSGoosc3dOrsVYIhZ2coP4LssznLQfOx67U9A5uYyTNhymQ_calXYVb_HIbZbhFUEd89QobXOFgQyzpFpp-IFFVoWNvLx_tqYPn9pDvyQA6x-7wafEXhhHy0Ev_q1vIAGxOTlqK4VMsYyCSvLsKPA7m2WqgaXHumVBpubpvEGevBlATcMNGgEslQSAhYW9pr3Q7eZm1KtcoshW56Ch0Lv4eepVxMWuL5hbb6LEnYs-bWAkBjfqoZa0aXN_ImDjz07Mpp1Ki5XzXUtAwqRwbYHtOWqDqMS_Z5nZBMsKAdLYmxjC6DNBd-t6AS9PyITlhJIfwuPrgTT2zjJQA2WSF4tUXtHoouxTHa4LYyNf3MEzG03VCvNKFWNqGqigcJBs5_uOYTpkUD89fMKIzu2kq420g4nhp5BLJMtr7lwZi16vpkEg_ADvfRdRDxuem1WYV8UalCWxRCyJwy2y-lBOPoHxnVvT5TL-3jU7bC_uvV_YwhvftA5u8Q=w859-h374-no?authuser=0″ style=”max-width:600px” /><br/>Image credit</p>

To wit:

Image credit

Updating my templates now. Thanks!

You’re using two obsolete HTML tags, Dan (though as a practical matter browsers will support all tags for all time–they just can’t let go). The effects of ‘center’ and ‘font’ have been incorporated into the ‘style’ attribute on each element in the example below:

<p style=”align:center;”><img src=”https://photos.app.goo.gl/X8Cj1b8qcr8HJZnp6″ style=”max-width:600px” /></p>

The outer ‘p’ tag establishes a container in which to put the image, and centers its content with the ‘align’ effect in its style. The ‘img’ tag uses ‘max-length’ to cap the width of the image to a comfortable size in a post, and the browser will preserve the aspect ratio by sizing the height proportionately.