Html 将字段集中的图例移动到表单中较低的位置

在经典形式中，我们在顶部边框的同一行上有图例标记，如下图所示

代码是：

...
<fieldset>
    <legend>Connexion</legend>
    ...
</fieldset>

---

如何在图例“Connexion”后添加更多空间？

使用CSS确实可以做到这一点。如果不使用绝对定位，则在字段集边界上会出现很大的间隙

fieldset {
    position:relative;  
}   

legend {
    top:50px;
    position:absolute;
    font-size:20px;
    font-weight:bold   
} 

---

你当然可以用CSS做到这一点。如果不使用绝对定位，则在字段集边界上会出现很大的间隙

fieldset {
    position:relative;  
}   

legend {
    top:50px;
    position:absolute;
    font-size:20px;
    font-weight:bold   
} 

---

谢谢我更新了我的问题以显示结果。现在我需要更多的空间后，传奇'连接'。有什么想法吗？改为：fieldset{position:relative；padding top:30px}它可以与IE、Chrome、Safari一起使用，但不能在Firefox中使用！在jsfiddle.net上发布您的代码，我来看看。发送url给我。经过一些css调整后，我终于成功地使用了您的解决方案。谢谢，谢谢。我更新了我的问题以显示结果。现在我需要更多的空间后，传奇'连接'。有什么想法吗？改为：fieldset{position:relative；padding top:30px}它可以与IE、Chrome、Safari一起使用，但不能在Firefox中使用！在jsfiddle.net上发布您的代码，我来看看。发送url给我。经过一些css调整后，我终于成功地使用了您的解决方案。谢谢