Html 地点'；浮动'；文本段落右下角的内容

代码如下：

p{
背景：浅蓝色；
}
.完{
背景：橙色；
浮动：对；
显示：内联；
}

Lorem ipsum dolor sit amet，是一位杰出的献身者。Nam Adipising orci在tortor bibendum suscipit和eu eros。康格大学、弗林利亚大学、利奥大学、奥古斯塔大学、波苏尔精英大学。

$$

如果我理解正确，您希望div显示在段落上方。

---

为此，您可以将div设置为position absolute，并使用top、left、right和bottom设置确切的位置。

将div替换为SPAN，并在p内部移动似乎有效。根据内容，可以选择将范围设置为内联块

如果将跨度放在文本之前，它将接近顶部。如果你把它放在后面，它就会在底部

---

鉴于您希望在段落右下角显示的新信息，请参见以下实时示例：

简言之：

将

设为

，并将其作为段落的子段落

使段落

位置：相对
（以便它建立自己的坐标系）

在段落的右侧添加一些填充，这样

.end

的内容就不会与文本重叠

绝对定位并调整段落右下角的

.end

HTML:

我爱你，我爱你，我爱你。。。
$$

CSS:

p{position:relative；padding right:2em}
结束{位置：绝对；右侧：0；底部：0；宽度：2em}
​

好的，使用您的代码并找到解决方案。您需要将p标记设置为display:inline并将div向右浮动

也许位置：绝对；它？你不能把

div

移到

p

之前吗？还是我误解了？只需将其移动到源代码中的

之前，然后阅读@thirtydot，谢谢您的示例。

$

需要与段落的最后一行对齐，但要向右浮动。这可能吗？@Lone这是重要的信息！：）见我的答案。这显示了段落第一行的

$

。但是，我希望它出现在段落的最后一行。我不确定你的问题，这就是为什么我说你可以移动它。我更新了指向工作解决方案的链接。谢谢。这正是我所需要的。我认为您需要使用div而不是span？请注意，这可能会导致

$$

在段落后面单独一行（这可能是可取的，也可能是不可取的）。