css classes - advanced

css content value for a <P> tag 

     P:before         {content: "<BEGIN>";}
     P:after          {content: "<END>";}
  • css content value for a <LI> tag
    •      LI:before        {content: "* ";}
     LI:after         {content: "°";}
    The <FIELDSET> tag with a title <LEGEND> tag 
         LABEL, FIELDSET  {font-size: 12pt;}
     FIELDSET         {width: 200px;  }

     .thefieldset     {border: 3 solid red; padding: 12px; text-align: left;}
     .thelegend       {font-weight: 800; font-size: 12pt; border: 1 solid #000000; width: 100px; background: #000000; color: #FFFF00; text-align: center;}
    Owner Tiddle's little fieldset

    The <FIELDSET> tag where clicking on <LABEL> tabs to the corresponding <INPUT> tags 
      e.g. <TR><TD><LABEL FOR="House"     >House    </LABEL></TD><TD><INPUT ID="House"   /></TD></TR>
    My Data
    Address: