我一直在拼命想把这个修好。我不知道出了什么问题。它在可视化编辑器中看起来很好（虽然我通常使用文本版本，但从不使用Gutenburg（因此这是引用经典编辑器）。

左对齐或右对齐的图像无法正确包装文本。我已经在样式表中添加了以下CSS，这没有什么区别。

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

它仅用添加到旁边的段落包装。但随后的段落并没有继续总结。它们从图像下方开始，如此屏幕截图所示：

有人能帮我吗？