フィールドセット内の伝説と浮動小数点の浮動小数点

Question

フィールドセット内の移動凡例について、このサイトソリューションでは、境界線から内側のフィールドセットに分かりました。 http://codepen.io/vkjgr/pen/oFdBa私はこれを行うには、私は伝説の左のスタイルを使用する必要がありますが、私は凡例の後に両方を使用する必要がありますか？このソリューションはすべてのブラウザで機能しますか？私がきれいにしたいときは、どちらもクリアしなければなりませんか？

<fieldset> 
<legende> xyz </legend> 
<div style="clear: both;"</div> 
// 
// Other divs and inputs 

Answer 1

独自のアプローチをフォローしたい場合は、以下のように、それも動作します。それ以外の場合はwidth:100%のにも表示されます。

fieldset { 
 
    padding: 2em; 
 
} 
 

 
legend { 
 
    float: left; 
 
} 
 

 
.clear { 
 
    clear: both; 
 
}

<fieldset> 
 
    <legend> 
 
    Hello 
 
    </legend> 
 
    <div class="clear"> 
 

 
    </div> 
 
    <p> 
 
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque sunt ad facilis fugiat perferendis et fugit quas, accusantium, quod atque provident natus facere animi sed accusamus qui doloribus illo nesciunt. 
 
    </p> 
 
</fieldset>