CSS浮动功能并不适用于所有人

Question

我有一个博客，我正在使用CSS浮动功能在我的文章中的框中突出显示文本。因此，如果我的文章中有一两句重要的句子，我会在使用float的文本框中展示。

对于我的许多读者来说，这显示正确。但他们中的一些人说，应该在高亮框内的文本显示为内联文本，因此他们抱怨我在文章中有重复。

为什么会这样？我认为在html中，如果浏览器不理解某些东西，它应该忽略它。因此，在这种情况下，我会认为如果他们的浏览器不支持CSS等，那么它应该只是忽略高亮框中的文本，而不是将它们复制为纯文本。

这是我正在使用的CSS代码：

#boxedquote {
    float: right;
    width: 45%;
    margin: 0.5em 0em 0.5em 2em;
    padding: 0.1em 1em 0.1em 1em;
    border: 4px solid;
    border-color: Gold;
    border-radius: 10 px;
    font-size: 120%;
    font-style: italic;
    font-weight: bold;
}
#boxedHighlights {
    color: #556B2F;
}

这是如何使用它的一个例子：

                <div id="boxedquote">
                    <div id="boxedHighlights">
                        <p>
                            The possibility of a romance of a Muslim &ldquo;villain&rdquo; with a Hindu queen being depicted on screen, even as a fantasy, as has been rumoured, infuriates Hindu right-wing groups.
                        </p>
                    </div>
                </div>

这是我的博客页面：

http://www.leftbrainwave.com/2017/11/why-indian-civilization-should-be.html