Fieldset

Просто fieldset

Just a fieldset

Просто fieldset и legend

Nothing special

Just a legend

Fieldset – legend справа

Well, that’s simple

Legend on the right

Fieldset – legend по центру

Wait for it…

Centered legend

I’m the left part And I’m the right one

Two legends

Fieldset – legend справа и слева

<h2>Just a legend</h2>
<fieldset class="fieldset">
    <legend class="legend">Nothing special</legend>
    <p>Just some styles to make this fieldset look like custom others.</p>
</fieldset>

<h2>Legend on the right</h2>
<fieldset class="fieldset fieldset_righty">
    <legend class="legend">Well, that's simple</legend>
    <div class="fieldset__content">And just some content</div>
</fieldset>

<h2>Centered legend</h2>
<fieldset class="fieldset fieldset_special">
    <legend class="legend">
        <span class="legend__inner">
            <span class="legend__left"></span>
            <span class="legend__content">Wait for it…</span>
            <span class="legend__right"></span>
        </span>
    </legend>
    And just some content
</fieldset>

<h2>Two legends</h2>
<fieldset class="fieldset fieldset_special">
    <legend class="legend">
        <span class="legend__part1">I'm the left part</span>
        <span class="legend__part2">And I'm the right one</span>
        <span class="legend__hr"></span>
    </legend>
    <div class="fieldset__content">And just some content</div>
</fieldset>