Appliquer un display:flex à un FIELDSET
Bonjour,
J'ai une structure avec flex qui fonctionne bien en général mais pas ici. Je ne vois pas pourquoi.
Je souhaite mettre côte à côte le fieldset (ligne 2 du code html) et le div (ligne 8 du code html). Mais actuellement le div se place en-dessous du fieldset.
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
| .formFlex
{
display:flex;
justify-content:start;
padding-top:10px;
padding:5px;
width:auto;
}
.formFlex>div, .formFlex>fieldset
{
margin-right:20px;
}
.formFlex label
{
width:8rem;
} |
Code:
1 2 3 4 5 6 7 8 9 10 11
| <div class="formflex">
<fieldset><legend>Critères de filtrage des données à exporter</legend>
<label><span>Représentant</span><?= $lstAgent; ?></label><br>
<label><span>Filtre</span><?= $lstFilter; ?></label><br>
<label><span>Pays</span><?= $lstCountry; ?></label><br>
<label><span>Code postal</span><input type="text" name="zipcode"></label><br>
</fieldset>
<div>
xxx
</div>
</div> |