Html 如何滑入文本并向右推送另一个文本（CSS）

我试图使

从侧面移入，并将“Lorem”推到右侧。我试图在CSS中实现它

尝试以下方法： HTML代码：

<p id ="lo"> > Lorem </p> 
<span id="ipsum"> Ipsum </span>

---

您可以使用伪元素和

transition:max width

*{
线高：1；
}
跨度：之前{
最大宽度：0；
溢出：隐藏；
过渡：最大宽度。5s；
内容：“>”；
显示：内联块；
}
范围：悬停：在{
最大宽度：2米；
}
跨度{
显示器：flex；
对齐项目：居中；
}

---

Lorem

你试过什么吗？欢迎来到SO。请看一看。您可能还需要检查、和以及如何创建。张贴您尝试过的代码和收到的错误。尽可能具体，因为这将导致更好的答案。

#lo { 
margin-left : 10px;
}