Javascript 网页上的HTML元素显示错误

当您转到DayStarAgency.com/home并向下滚动到我们的服务，其中的灯泡都未对准且工作不正常。这就是我正在使用的代码，我暂时删除了按钮，因为出于某种原因elementor不允许按钮正常工作，如果可以推荐任何解决方案，我将不胜感激！）

更改CSS中悬停时的图像
#myBtn{
填充：15px 25px；
字体大小：24px；
文本对齐：居中；
光标：指针；
大纲：无；
颜色：#fff；
背景色：#4CAF50；
边界：无；
边界半径：15px；
盒影：0 9px#999；
}
#灯泡：悬停img{
内容：url（“https://thedaystaragency.com/wp-content/uploads/2020/03/rsz_11logomakr_2srycx.png");
}
#灯泡：悬停p{font-weight:bold；}
}


嗨Lorem ipsum door sit amet，是一位杰出的领导者。不可抗拒的饮食、不可抗拒的饮食、不可抗拒的生活……不可忍受的痛苦。梅塞纳斯·尼尔斯·埃斯特、尤特丽斯·内克·康格·埃吉特、维塔·马萨拍卖行。前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭。在自由女神维尼那提斯统治下的奥纳雷·图皮斯（ornare turpis）。不要因为怀孕而失去生命。不发酵整粒玉米粥。Sed dapibus pulvinar nibh tempor porta.

不确定您的目标是什么，但不对齐是因为最后一个灯泡div与前三个灯泡div的结构不同。

我建议您避免将整个段落切换为粗体文本。也许你可以用这样的方法：

更改CSS中悬停时的图像
#myBtn{
填充：15px 25px；
字体大小：24px；
文本对齐：居中；
光标：指针；
大纲：无；
颜色：#fff；
背景色：#4CAF50；
边界：无；
边界半径：15px；
盒影：0 9px#999；
}
#灯泡：悬停img{
内容：url（“https://thedaystaragency.com/wp-content/uploads/2020/03/rsz_11logomakr_2srycx.png");
} 
#灯泡：悬停p{
盒影：-26px 10px 37px-4px rgba（220220,1）；
背景色：rgba（2042452450.5）；
}
.文本{
框大小：边框框；
填充物：5px；
文本对齐：对齐；
过渡时间：700ms；
}

您好，我是一位杰出的职业运动员。不可抗拒的饮食、不可抗拒的饮食、不可抗拒的生活……不可忍受的痛苦。梅塞纳斯·尼尔斯·埃斯特、尤特丽斯·内克·康格·埃吉特、维塔·马萨拍卖行。前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭。在自由女神维尼那提斯统治下的奥纳雷·图皮斯（ornare turpis）。不要因为怀孕而失去生命。不发酵整粒玉米粥。Sed dapibus pulvinar nibh Tempora porta.

事实上，我尝试了这个解决方案，由于您的洞察力，它似乎起了作用

`在此处输入代码`
更改CSS中悬停时的图像
#齿轮：悬停img{
内容：url（“https://thedaystaragency.com/wp-content/uploads/2020/03/LogoMakr_5dF3BF.png");
}
#齿轮img{底部填充：15px；
}
#gears p{font系列：raleway；
字体大小：15px；
字体大小：400；
}
#gears h2{字体系列：raleway；
字体大小：20px；
字体大小：400；
}
#齿轮：悬停h2{颜色：#04A4CC；}
}



运营控制在卡纳伯兰，我们希望确保您在生产过程的每个阶段都能盈利。我们专注于流程再造

[expand title=“Read More”swaptitle=“Close”trigpos=“below”trigclass=“my_button”]
我们简化企业的供应方活动，以最大限度地提高客户价值，并在竞争日益激烈的市场中获得竞争优势。卡纳伯兰的运营专家将帮助简化和构建生产、产品开发和信息系统，以降低成本、提高效率并提高公司资金流动速度。通过管理整个供应链，我们帮助我们的合作伙伴提高并保持竞争优势。[/expand]

什么是实际行为与预期行为？（我真的不明白“都没有对齐，工作不正常”）请告诉人们您有什么错误，以及您已经尝试了什么。这可以让人们更好地帮助你。