Given arcadia.html and arcadia.css, add styles to match the appearance on the next page:
text-transform: uppercase
.
The current appearance doesn’t quite match the output. To make it match more closely:
Turn all character names, as well as the “Scene One” header, into small caps. To do this, set their font size to 80%, and increase their line height to 1.167em ÷ .8em = 145.875%.
(This compensates for the smaller font size to give the same line height as everything else, ensuring all baselines are aligned. We calculate with respect to the line height of 1.167em established in the provided CSS code, a default for many browsers.)
text-indent
property. Then exclude the first paragraph (:first-child
).
letter-spacing
property. Set it to .05em.
Following are example solutions for parts 1 and 2: