Text element does not respect div alignment when rendering

I'm trying to center an image in a Text element that is also a link, inside a block element (p or div). The image is not centered, and Text element emits click events for where the image should be centered, not where it actually is. (code attached)

Text element has:

• textFormat: Text.RichText
• captures events when a link is clicked

expectation: I would expect the clicks on anchored image to be emitted where the image is actually displayed (red image area)

Either the anchor is emitted from wrong positions, or the image is not displayed correctly. For me, it would be useful to have the image displayed centered as this is what I want to achieve.