UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.75 Safari/537.36

Steps to reproduce the problem:
1. Go to http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_legend_align_css
2. Watch the legend not showing
3. 

What is the expected behavior?
Legend is showing, inside the border

What went wrong?
Legend is not showing inside the border

Did this work before? Yes 54

Does this work in other browsers? N/A

Chrome version: 55.0.2883.75  Channel: stable
OS Version: 10.0
Flash Version: Shockwave Flash 23.0 r0

Try: https://codepen.io/vkjgr/pen/oFdBa 
Also no legend showing. float stops working on legend.