Design: mise en forme d'un cadre avec titre (fieldset)

[phil38]

Bonjour,
Je cherche un moyen simple de dessiner un cadre (border) avec un titre dans mon design pour regrouper des widgets. L’approche évidente est d’utiliser la balise HTML fieldset:

<div>
	<fieldset style="border: dotted 1px black; border-radius: 5px;">
  		<legend>Porte d'entrée</legend>
		<br><br>
	</fieldset>
</div>

Malheureusement il y a un soucis d’affichage:

le cadre ne se ferme pas complètement. Quelqu’un connaitrait une solution ?
Merci

[ddelec24]

@phil38

<div>
	<fieldset style="border: dotted 1px black; border-radius: 5px;">
  		<legend>Porte d'entrée</legend>
		<br><br>
	</fieldset>
</div>

hello,
par défaut la legend prend 100% du coup elle recouvre ton cadre
jai testé comme suit et c’était bon, à toi d’adapter par rapport à tes textes et largeurs de cadres

<div>
	<fieldset  style="border: dotted 1px black; border-radius: 5px; padding: 1em">
  		<legend style="width: 70%">Porte d'entrée</legend>
		<br><br>
	</fieldset>
</div>

[phil38]

Merci infiniment, çà fonctionne