字段集中的图例和清除向左浮动

Question

I found on this site solution about move legend in fieldset from border to inside fieldset. http://codepen.io/vkjgr/pen/oFdBa When I want to do this i should use float left style on legend, but I should use clear both after legend ? This solution works on all browsers ? When I want clean I must use only clear both ?

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

Answer 1

If you want to follow your own approach, it also works as shown below. Otherwise, width:100% on legend will also do.

 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>