如何将字段集设置为 flex 以使图例位于内容的左侧？

Question

I want to format the fieldset/legend with flex so that the legend is on the left side of the content of the fieldset. I know I can float:left the legend, but somehow in Safari 14 this does not work. How can I get around this issue?

 fieldset { display: flex; align-items: baseline; } legend { display: block; float: left; width: 250px }

 <fieldset> <legend>Should float in line with content</legend> Content </fieldset>

Answer 1

You can set parent display: inline

 fieldset { display: inline; } legend { float: left; width: 250px }

 <fieldset> <legend align="left">Should float in line with content</legend > Content </fieldset>