Coding Question Using Visual Studio CSS create the following

Coding Question: Using Visual Studio CSS, create the following classes:

1. Format all paragraphs so that the primary font is Franklin Gothic Medium, the first fallback font is Arial Narrow, the second fallback font is Arial, and the final fallback font is sans-serif. Use a 1.2em font size. Use full justification for all paragraphs. Indent the first line of all paragraphs 1/2 inch.

2. Create a class named pIndent such that it applies only to paragraphs with the class applied. Inherit all paragraph attributes. Set the margins of this class so that the left and right margins are indented 0.25 inches. Override the default indenting of the first line so that it is not indented. Set the font style to italic.

Solution

p{
    font-family: Franklin Gothic Medium, Arial Narrow, Arial, sans-serif; /*Sets the font family for the paragraphs*/
    font-size: 1.2em; /*sets the font size to 1.2 em*/
    text-align: justify; /*aligns the text to justify*/
    text-indent: 0.5in; /*indents the beginning of paragraphs by 0.5 inches*/
}

.pIndent{
    font-style: italic; /*sets font style to italic*/
    text-indent: 0 !important; /*overrides indentaion to 0*/
    margin-left: 0.25in; /*sets left margin*/
    margin-right: 0.25in; /*sets right margin */
}