防止单个汉字环绕浮动图像？

Question

  

Prevent single word from wrapping around float in css/html

我已经阅读了上述问题，但它仅适用于英语。当图像与边框之间的间隙宽度足以容纳一个汉字时，如何防止单个汉字环绕浮动图像？

https://jsfiddle.net/njsy1037/

HTML：

<div id="a">
    <img src="https://i.imgur.com/DSUG7rl.jpg">
    這是關於柴犬Coco的簡介，可以多寫一些關於柴犬Coco的簡介。這是關於柴犬Coco的簡介，可以多寫一些關於柴犬Coco的簡介。這是關於柴犬Coco的簡介，可以多寫一些關於柴犬Coco的簡介。這是關於柴犬Coco的簡介，可以多寫一些關於柴犬Coco的簡介。
</div>
<div id="b">
    <img src="https://i.imgur.com/DSUG7rl.jpg">
    這是關於柴犬Coco的簡介，可以多寫一些關於柴犬Coco的簡介。這是關於柴犬Coco的簡介，可以多寫一些關於柴犬Coco的簡介。這是關於柴犬Coco的簡介，可以多寫一些關於柴犬Coco的簡介。
</div>

CSS：

div {
    font-size: 16px;
    border: 1px solid #F00;
}

#a {
    width: 100%;
}

#a:before {
    content: '';
    clear: right;
    display: block;
}

img {
    float: right;
    width: 178px;
    height: 180px;
}

#b {
    margin-top:20px;
    width: 200px;
}