Html 如何修复这些元素的对齐错误和悬停错误？

[Fixed]当我将鼠标悬停在这两个元素上时，我试图使它们对齐，但到目前为止还没有成功。我尝试过使用display:inline块，但仍然不起作用，如图所示。代码中的另一件事是悬停区域是错误的。有没有关于如何解决这些问题的想法？这是我的密码：

/*请注意，这是更新的CSS，而不是 *原著*/ @导入url'https://fonts.googleapis.com/css2?family=Montserrat:ital@0;1&显示=交换'； * { 字体系列：蒙特塞拉特，无衬线； 背景色：121212； 过渡：0.5s； 溢出：隐藏； } c{ 位置：绝对位置； 左：calc4vw+4vh； 顶部：calc4vw+4vh； 过渡：0.5s； 显示：内联flex； 游标：默认值； /*CSS的V3*/ 溢出：隐藏； } ct{ 溢出：隐藏； 宽度：0； 排名：0； 左：0； 右：0； 过渡：0.5s缓解； /*显示：内联块；已在版本3中删除*/ } c:悬停ct{ 宽度：100%； } ct跨度{ 空白：nowrap； 过渡：继承； 显示：内联块； 字体大小：calc2vw+2vh； 颜色：rgb100、100、100； 衬垫顶部：3.5px； } h{ 位置：相对位置； 显示：内联块； 过渡：0.5s； 字体大小：calc2vw+2vh； 颜色：rgb100、100、100； 背景：rgb50,50,50； 填充物：3.5px； 边界半径：5px； } 洛雷姆·伊普苏姆·多洛。。。 ? 在c中使用display:inline flex，还可以添加align items:center使其垂直对齐

对于悬停-添加溢出：隐藏和删除显示：内联块；

---

从c到ct，将宽度：0%更改为宽度：0。。。你的悬停方式使ct变为100%宽度。。。将h强制到新行。遗留的问题是，您希望该短语仅在将鼠标悬停在问号上时出现，而不是在整行上出现，对吗？是的，当您将鼠标悬停在离问号约2英寸的位置时，仍然会发生转换，但不应该发生。