Why won't my <legend> element display inline?
I am trying to apply display: inline; to the <legend> element in my <fieldset> element, so that the following <span> will follow on the same line, but my CSS is having no effect. legend{ display: inline; } span { display: inline; } <fieldset> <legend>Legend</legend> <span>Follower</span> </fieldset> JSFiddle EDIT I have no control over the HTML; I can only edit CSS Legends are special. In particular, their default rendering can't be described in CSS, so browsers use non-CSS means of rendering them. What that means is that a statically positioned legend will be treated like a legend and be