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: