Captions with images seem to negate the image properties

Hi appliedarts

Thank you for your point out

I’m understand Document Mode HTML5 caption text style is lose.

Diffarence editor and the page itself.

Tiny MCE using html4 type ( use dl dt dd )

XHTML is meybe showing correctly.

Please add style.css bottom

.wp-caption-text{
    max-width: calc(100% - 1em);
    display:block;
    margin:auto;
    border:1px solid red;/* for test only */
    text-align:left;
}

Please try adding this style. Once from you, a result that this a good is obtained, I will reflect in the next version

screenshot my result

https://www.tenman.info/wp3/manualraindrops/files/caption-text-issue.gif

test caption shortcode

[caption id="attachment_30763" align="alignleft" width="400"]<a href="https://example.com/wp-37/wp-content/uploads/noto-sans-sa.jpg"><img class="size-full wp-image-30763" src="https://example.com/wp-37/wp-content/uploads/noto-sans-sa.jpg" alt="caption test" width="400" height="400" /></a>
<p class="alignleft">caption test</p>
<p class="alignright">caption test</p>
<p style="clear: both; text-align: center;">caption test</p>
[/caption]

Thank you.

Thank you for the quick reply; I added that code to the ‘Custom CSS for this entry” box at the bottom of the page edit and saved; the text still did not wrap the image; but the caption had the red border.

I realized the problem is not based on the addition of the image caption; when I delete the caption, the text still will not wrap the image (either left or right position). The page shows correctly in the editor but not when viewed.

I, on the ‘Custom CSS for this entry’ not recommended to describe this style

why

this style is apply all contents. basic style setting.

‘Custom CSS for this entry’ is high specificity

Demerit Custom CSS for this entry,

Switch rtl languages, It may not be work. why high specificity.

Please add style.css

If this does not work, please let me know the html and style of the contents of the figtext.

To let you know the results is carried out reproduction test

thanks for your help. I re-created and now image ‘in line’ placement works fine.

Thank you for reply.

I will change next versions Raindrops.