我有一个字段集,如何将图例放在带边框的字段集中?我希望边界绕过传说,而不是通过它的中间.
fieldset {
border: 0;
padding: 0!important;
margin: 0;
min-width: 0;
border: 1px solid red;
}
legend {
padding: 0!important;
}Run Code Online (Sandbox Code Playgroud)
<fieldset>
<legend>Title</legend>
</fieldset>Run Code Online (Sandbox Code Playgroud)
在经典形式中,我们在顶部边框的同一行上有图例标记,如下所示.

代码是:
...
<fieldset>
<legend>Connexion</legend>
...
</fieldset>
Run Code Online (Sandbox Code Playgroud)
是否可以将此图例移动到公式中,如下所示?

知道什么是CSS吗?
谢谢.
UPDATE
以下是应用以下CSS后的结果:
fieldset {
position:relative;
}
legend {
top:20px;
position:absolute;
font-size:20px;
font-weight:bold
}
Run Code Online (Sandbox Code Playgroud)

如何在传奇'Connexion'之后添加更多空间?