用跨越多个列的特色图片围绕多列包装帖子内容

Question

我有一个客户要他们的博客帖子看起来像这样：

我能够很容易地将文本包裹在图像上，但是问题是多列...它们没有像普通文本那样包裹。

我尝试了以下操作：

这是一个带有文本换行符的jsfiddle https://jsfiddle.net/bynxaudio/jktx9mrc/

electron http://localhost:3000/

，这是相同代码的示例，但是文本有3列 https://jsfiddle.net/bynxaudio/L53wpjyx/3/

#featured-image{
  background: url(https://i.imgur.com/oOjQ7bD.jpg);
  background-size: cover;
  background-position: center;
  width: 63%;
  height: 300px;
  float: right;
  margin-left: 20px;
  margin-bottom: 20px;
}

#post-content{
  text-align: justify;
}

我唯一想到的另一种解决方案是创建两个div来包含内容并将文本拆分为一个数组，然后将每个数组元素放入其各自的div中，例如＃post-content-1和＃此示例中的post-content-2。

感谢您的所有帮助。我非常感谢。