J'ai essayé de redimensionner mon élément <fieldset>
, mais il a automatiquement réduit son contenu. Ensuite, j'ai ajouté display:inline-block
dans mon fichier CSS (comme suggéré par de nombreuses réponses sur un sujet similaire). Cependant, cela n'aide pas du tout, tout reste pareil. Que devrais-je faire? Je voudrais une solution conviviale, car je ne suis pas très bon en CSS, comme vous l'avez peut-être remarqué. À votre santé!Empêche le redimensionnement du contenu
fieldset {
display: inline-block;
border: 1px solid blue;
background-color: white;
width: 40%;
}
legend {
display: inline-block;
padding: 4px 8px;
border: 1px solid blue;
font-size: 15px;
color: white;
background-color: blue;
text-align: left;
}
label {
width: 100px;
margin-right: 30px;
display: inline-block;
text-align: left;
}
input[type=text] {
width: 25%;
padding: 10px 20px;
margin: 0px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
<fieldset>
<legend>XXX</legend>
<label for="username">Username:</label>
<input type="text" name="username">
</fieldset>