Html 如何在对象标记中包装文本

我有一个网页，我在其中嵌入了一些来自AWSS3对象的文本。此对象包含一些简单的文本字符串。但是，我希望此文本自动包装到可见窗口。我已经定义了如下所示的文本注释类。但现在我总是得到水平滚动条，文本不会自动格式化，所以段落内容会自动包装。我该怎么办

<object class="text-annotation" type="text/html" data="url-to-s3-source"">
<p>backup content</p>
</object>



.text-annotation {
    border: 1px solid #e1e1e8;
    height: 100px;
    margin-top: 10px;
    width: 100%;
    word-break: break-all;
}

---

请编辑这个，告诉我们什么不起作用我已经更新了JSFIDLE-我从amazon S3的文本没有被包装，但我看到了水平滚动条。