html - 如何在图像周围环绕特定文本？

Question

我正在尝试将文本环绕在图像周围，但没有成功。

 <span>Zion Church</span>
    <div><a href="#"><img src="member.jpg"  width="" height="" class="floatleft"></a>
      jffhuhjherwkhrewkhurewyurewyretyunuyrkwugrnhky
      </div>

       img.floatleft {
       float: left;
       margin-left: 15px;
        }

Answer 1

“jffhuhjherwkhrewkhurewyurewyretyunuyrkwugrnhky”这个词太长，无法放在图像旁边，所以它向下移动。如果您想强制单词中断，请尝试添加word-break: break-all到容器元素的 CSS 中。

Answer 2

<style type="text/css">
a.imagelink {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
</style>

<span>Zion Church</span>
<div><a href="#" class="imagelink"><img src="member.jpg"  width="" height="" class="floatleft"></a> jffhuhjherwkhrewkhurewyurewyretyunuyrkwugrnhky </div>