XF 1.5 How to add a line break after images?

[Amin Sabet]

I am trying to add an automatic line break after BBcode images. I found this CSS suggested by @Jake Bunce in another thread:

.bbCodeImage
{
    display: block;
}

However, that prevents centered images from showing as centered.

I was thinking this one should work to add the line break without affecting centering:

.bbCodeImage::after
{
    content: "\A";
    white-space: pre;
}

But it doesn't seem to do anything at all.

Does anyone know how I can accomplish the line break without affecting centering?

Thanks,
Amin