向右浮动没有文字出现在线或重叠

Question

我使用float: right;将整个段落向右移动 - 我正在突出显示带有背景和文本的文本。边界。我的问题是，下面的文字向上移动并包裹在我向右浮动的对象（段落）的左侧。 position: absoloute; right:0px;在重叠时无法正常工作。

所以我的问题是，我如何正确地漂浮它，但确保下面的文字保持在下面？

CSS：

.fcsi {
    background: #1E73BE;
    padding:20px;
    color: white;
    border: 2px solid #1E73BE;
    border-radius: 25px;
    float: right;
}

我只是在文本中使用HTML中的简单div类。

<div class="fcsi">
TEXT
</div>

对此有任何帮助。

在此之后，我正在考虑在背景中加入一个图像＆amp;边框，右上角或右下角。我想我不能用CSS做到这一点，并且每次都需要用HTML重新输入图像？

Answer 1

在浮动段落下方，您可以添加：

<div style="clear:both;height:1px"></div>