Programming in HTML5 with JavaScript and CSS3 — Question 42

You are developing an HTML5 page that includes several paragraph elements.
You have the following requirements:
✑ Add a drop shadow that is one inch below the text in the paragraph
✑ Set the radius of the drop shadow to five pixels
You need to style the paragraphs to meet the requirements.
Which CSS style should you use?

Answer options

• A. Text-shadow: 72pt 0pt 5pt
• B. Text-shadow: 5px lin 0px;
• C. Text-shadow: 72pt 0em 5px;
• D. Text-shadow: 100px 0px 5px;

Correct answer: B

Explanation

The correct answer is B because it specifies a drop shadow that is one inch below the text (5px is equivalent to the required distance in this context). Option A and C do not correctly specify the distance or use incorrect units, while option D uses an excessively large value for the shadow distance.