📂 CSS
[ CSS ] <legend> 🕔 2017. 12. 30. 13:00
<fieldset> <legend> Fieldset 01 </legend> Text in Fieldset </fieldset>
<fieldset>
<legend align="left"> Fieldset 02 </legend>
Text in Fieldset
</fieldset>
<fieldset>
<legend align="right"> Fieldset 03 </legend>
Text in Fieldset
</fieldset>
<fieldset>
<legend style="margin-left: 45.4%"> Fieldset 04 </legend>
Text in Fieldset
</fieldset>
<fieldset>
<legend>
<span> Fieldset 05 </span>
</legend>
Text in Fieldset
</fieldset>
<fieldset> <legend style="position: relative"> <span style="position: absolute"> Fieldset 06 </span> </legend> Text in Fieldset </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>
<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 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 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 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 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 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 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 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>
'CSS' 카테고리의 다른 글
| [ CSS ] color list (0) | 2017.07.29 |
|---|---|
| [ CSS ] filter: alpha & opacity (0) | 2017.07.24 |
| [ CSS ] 버튼 만들기 ( Makes button ) (0) | 2017.01.30 |
| [ CSS ] IE의 "behavior" 속성에 대한 사이트 목록 (2) | 2016.07.02 |
| [ CSS ] IE 8 이하에서 RGBa 적용하기 ( filter ). (2) | 2016.02.25 |