help with padding around an image.

Question

Would anyone be able to help me fix the padding around the image in this example. I notice that the padding surrounding the image is uneven. I would like a little bit of the blue to show around the edges of the image so it looks like the image sits inside of the message evenly. Thanks.
https://code.sololearn.com/WddEpE0P6wPL/?ref=app

Answer 1

okay just needed to set display:block;
this article explains:
https://silvercircle.github.io/webdev/html/strange-unwanted-padding-around-images-and-how-to-fix/

Answer 2

in the .right-message, i added
margin-top:5px;

I think that evens it out.

(the dog image, - right?)