Html 在div之后放置跨距

我想在div旁边放置一个跨距。通常情况下，它可以正常工作，但当我调整浏览器大小时，div分成两行，跨距会转到下一行

我尝试了display:inline属性，但它不起作用

欢迎使用HTML和CSS |

---

由于浏览器的大小调整，当div显示为两行时，我希望跨度正好位于div之后

如果我正确理解您的问题，请使用float:left；要将span放置在div旁边，如下所示：

欢迎使用HTML和CSS

---

| 更改的位置是由于div是块级元素，而span是内联级元素。您可以将display:inline应用于div，但我将使用：：after CSS伪选择器，并删除整个范围

请注意，我在div中添加了一些填充文本，以演示多行布局

将行放在文本之后而不是整个div之后的原因是：：在伪元素作为应用它们的元素的最后一个子元素插入之后-因此在本例中，就好像在div内的文本末尾添加了一个|

d1：：之后{ 内容：“|”； } 欢迎使用HTML和CSS。这是显示这两行的更多内容。该行将放置在该div的末尾，因此您不需要另一个跨度。 cur{ 显示：无； } @仅介质屏幕和最大宽度：248px{ d1{ 显示：内联块； 宽度：80%； } cur{ 显示：内联块； 垂直对齐：顶部； } } 欢迎使用HTML和CSS

---

|父元素将需要一些CSS。你已经有相关的CSS了吗？没有，先生，父元素的CSS中只有边距。