Home/ Questions/Q 918263
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-15T18:20:44+00:00

Using the display property, HTML elements become interchangeable from a styling perspective. This doesn’t

  • 0

Using the display property, HTML elements become interchangeable from a styling perspective. This doesn’t seem to be the case for fieldset and legend, however.

Is it possible to style other HTML elements to look like fieldset and legend?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The previous answer is incorrect, if you want to see why try this:

    <body style="background-color: #f00">
  <div style="border: 1px solid #000">
      <h1 style="background: #fff; margin-top: -5px; margin-left: 10px; padding: 0 10px; width: 150px;">Foobar</h1>
  </div>
  <fieldset><legend>Foobar</legend></fieldset>
</body>

    AFAIK there is no way to have that border-disruption effect that the legend element causes on the fieldset‘s border. I don’t believe that is possible with CSS alone, it’s just something that is part of the way the fieldset tag is rendered.

    Clarification: I don’t know of any way to position a block or inline element such that it straddles the visible border of its containing block element, and then causes the container element’s border to be broken behind its box. That’s what a <legend> does to the border on its containing <fieldset> element.

    • 0