Recent posts

Recent comments

Archive

Calender

«   2024/03   »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
📂 CSS

[ CSS ] <legend> 🕔 2017. 12. 30. 13:00

Fieldset 01Text in Fieldset
<fieldset>
  <legend> Fieldset 01 </legend>
  Text in Fieldset
</fieldset>
Fieldset 02Text in Fieldset
<fieldset>
  <legend align="left"> Fieldset 02 </legend>
  Text in Fieldset
</fieldset>
Fieldset 03Text in Fieldset
<fieldset>
  <legend align="right"> Fieldset 03 </legend>
  Text in Fieldset
</fieldset>
Fieldset 04 Text in Fieldset
<fieldset>
  <legend style="margin-left: 45.4%"> Fieldset 04 </legend>
  Text in Fieldset
</fieldset>
Fieldset 05Text in Fieldset
<fieldset>
  <legend>
    <span> Fieldset 05 </span>
  </legend>
  Text in Fieldset
</fieldset>
Fieldset 06 Text in Fieldset
<fieldset>
  <legend style="position: relative">
    <span style="position: absolute"> Fieldset 06 </span>
  </legend>
  Text in Fieldset
</fieldset>
Fieldset 07 Text in Fieldset
<fieldset>
  <legend style="position: relative; padding: 0">
    <span style="position: absolute; display: inline-block; width: 90px"> Fieldset 07 </span>
  </legend>
  Text in Fieldset
</fieldset>
Fieldset 08 Text in Fieldset
<fieldset>
  <legend style="position: relative; padding: 0; line-height: 1em; bottom: -2.46em">
    <span style="position: absolute; display: inline-block; width: 90px"> Fieldset 08 </span>
  </legend>
  Text in Fieldset
</fieldset>
Fieldset 09 Text in Fieldset
<fieldset style="margin-bottom: 20px">
  <legend style="position: relative; padding: 0; line-height: 1em; bottom: -2.484em">
    <span style="position: absolute; display: inline-block; width: 90px"> Fieldset 09 </span>
  </legend>
  Text in Fieldset
</fieldset>
Fieldset 10 Text in Fieldset
<fieldset style="margin-bottom: 20px">
  <legend style="position: relative; padding: 0; line-height: 1em; bottom: -2.36em">
    <span style="position: absolute; display: inline-block; width: 90px; padding: 2px; background-color: white"> 
    Fieldset 10
    </span>
  </legend>
  Text in Fieldset
</fieldset>
Fieldset 11 Text in Fieldset
Text in Fieldset
Text in Fieldset
<fieldset style="margin-bottom: 20px">
  <legend style="position: relative; padding: 0; line-height: 1em; bottom: -5.88em">
    <span style="position: absolute; display: inline-block; width: 90px"> Fieldset 11 </span>
  </legend>

  Text in Fieldset <br /> Text in Fieldset <br /> Text in Fieldset

</fieldset>
Fieldset 12 Text in Fieldset
<fieldset style="margin-bottom: 20px">
  <legend style="position: relative; padding: 0; line-height: 1em; bottom: -2.36em; left: 44.4%">
    <span style="position: absolute; display: inline-block; width: 90px; padding: 2px; background-color: white">
    Fieldset 12
    </span>
  </legend>
  Text in Fieldset
</fieldset>
Fieldset 13 Text in Fieldset
<fieldset style="margin-bottom: 20px">
  <legend style="position: relative; padding: 0; line-height: 1em; bottom: -2.36em; left: 44.4%">
    <span style="position: absolute; display: inline-block; width: 90px; padding: 2px; background-color: blue; color: white">
    Fieldset 13
    </span>
  </legend>
  Text in Fieldset
</fieldset>
Fieldset 14 Text in Fieldset
<fieldset style="margin-bottom: 20px">
    <legend style="position: relative; padding: 0; line-height: 1em; bottom: -2.23em; left: 44.4%">
        <span style="position: absolute; display: inline-block; padding: 2px 6px; background-color: white; text-align: center">
            <span style="display: inline-block; width: 90px; padding: 2px; background-color: blue; color: white">
            Fieldset 14
            </span>
        </span>
    </legend>
    Text in Fieldset
</fieldset>
Fieldset 15 Text in Fieldset
<fieldset style="margin-bottom: 20px">
    <legend style="position: relative; padding: 0; line-height: 1em; bottom: -2.13em; left: 44.4%">
        <span style="position: absolute; display: inline-block; padding: 2px 6px; background-color: white; text-align: center">
            <span style="display: inline-block; width: 90px; padding: 2px; border: 2px solid black"> Fieldset 15 </span>
        </span>
    </legend>
    Text in Fieldset
</fieldset>