Since I was ten or eleven, I had a love for animals.

As I have grown and matured, I have realized that taking care of animals is something that I’am good at.

I would like to become an Veterinary Technician make a career out of helping animals.


Summary:

The { first-line } Tag in Dreamweaver

    ●   It looks nice when the first line of your text is UPPERCASE.

Learn About:

 

  •   It is part of the Art Genre , What in the World?, and Portfolio Projects.

  •   This is part of a series of :psuedo tag tutorials: 72_first-letter_Dw.htm   •   73_text-indent_Dw.htm  •   74_first-line_Dw.htm


Step #1: Open Your index Page in Dreamweaver ~

Hopefully you've done this tutorial first => 73_text-indent - if not, you probably need to do that one too.


Open your CSS styles panel …

… and double-click your styles.css file to open it.

open-styles-sheet.png


Step #2: Scroll Down ~

Scroll down to the bottom of your CSS code and click there:


Step #3: Insert the CSS ~

Copy and paste this code …

p#uppercase:first-line { 
     font-variant: small-caps;
     text-transform: uppercase; 
}
                

 

Your code should end up looking something like this:


Step #4: Insert the id ~

Find the first line of text in your work …

… find the <p> tag and add the id inside it.


Last Step: Upload your Site ~

Save and upload your files with the completed code.

Attach the URL of your site, and continue working …


Other Resources: http://www.hscripts.com/tutorials/css/text-transform.php a