Html 如何将标题与图像上方对齐？
我试图自学HTML和CSS，但我似乎不知道如何在图像上方制作标题。我正试图建立一个行星旋转的gif展示，到目前为止我已经看到了地球。我想把“地球”这个词放在gif上面。其他行星也是如此。这是我的密码。我愿意接受关于改进和批评的建议Html 如何将标题与图像上方对齐？,html,css,Html,Css,我试图自学HTML和CSS，但我似乎不知道如何在图像上方制作标题。我正试图建立一个行星旋转的gif展示，到目前为止我已经看到了地球。我想把“地球”这个词放在gif上面。其他行星也是如此。这是我的密码。我愿意接受关于改进和批评的建议 正文{ 背景：径向梯度（底部圆形，深蓝色0，黑色100%）； 高度：100vh； 溢出：隐藏； } .空间{ 背景：rgba（128，0，128，0.1）中心/200px 200px圆形； 边框：1px紫色虚线； 底部：0； 左：0； 位置：绝对位置； 右：0； 排
正文{
背景：径向梯度（底部圆形，深蓝色0，黑色100%）；
高度：100vh；
溢出：隐藏；
}
.空间{
背景：rgba（128，0，128，0.1）中心/200px 200px圆形；
边框：1px紫色虚线；
底部：0；
左：0；
位置：绝对位置；
右：0；
排名：0；
}
.stars1{
动画：空间180秒轻松进出无限；
背景图像：径向梯度（25px 5px处的1px 1px，白色，rgba（255，255，255，0）），径向梯度（50px 25px处的1px 1px，白色，rgba（255，255，255，0）），径向梯度（125px 20px处的1px 1px，白色，rgba（255，255，0）），径向梯度（50px 75px处的1.5px 1.5px，白色，rgba（255，255，0）），径向梯度（15px 125px处的2px 2px，白色，rgba（255，255，255，0）），径向梯度（110px 80px处的2.5px 2.5px，白色，rgba（255，255，255，0））；
}
.stars2{
动画：空间240秒轻松进出无限；
背景图像：径向梯度（75px 125px时为1px 1px，白色，rgba（255，255，255，0）），径向梯度（100px 75px时为1px 1px，白色，rgba（255，255，0）），径向梯度（199px 100px时为1.5px 1.5px，白色，rgba（255，255，0）），径向梯度（20px 50px时为2px 2px 2px，白色，rgba（255，255，255，0）），径向梯度（100px 5px处的2.5px 2.5px，白色，rgba（255，255，255，0）），径向梯度（5px 5px处的2.5px 2.5px，白色，rgba（255，255，0））；
}
.Star3{
动画：空间300秒轻松进出无限；
背景图像：径向梯度（10px 10px时为1px 1px，白色，rgba（255，255，255，0）），径向梯度（150px 150px时为1px 1px，白色，rgba（255，255，0）），径向梯度（60px 170px时为1.5px 1.5px，白色，rgba（255，255，255，0）），径向梯度（175px 180px时为1.5px，白色，rgba（255，255，255，0）），径向梯度（195px 95px处的2px 2px，白色，rgba（255，255，255，0）），径向梯度（95px 145px处的2.5px 2.5px，白色，rgba（255，255，255，0））；
}
@关键帧空间{
40% {
不透明度：0.75；
}
50% {
不透明度：0.25；
}
60% {
不透明度：0.75；
}
100% {
变换：旋转（360度）；
}
}
@导入url（'https://fonts.googleapis.com/css2?family=Orbitron&display=swap）；
空间
空间
@导入url（'https://fonts.googleapis.com/css2?family=Orbitron&display=swap');
土
土
...
imgimgfigcaptionfiguredivimgpfigcaptionfiguredivimgp