Our clientlayout page has two sidebar columns named leftcolumn
and rightcolumn. Your challenge is to create style rules for
both columns for images and paragraphs in those columns.
First, modify the existing #leftcolumn and #rightcolumn style
rules in clientstyles.css so that all text and images in those
columns center horizontally.
Then, create a new style rule that applies to images in both
columns. Make any images you put in either column 80% wide with
1em of margin space at the top and bottom, and no left or right
margins.
Then, create another new style rule for paragraphs in those
columns. The paragraphs should have these characteristics:
Width is 75%.
Padding is 0.25em.
Border is thin, solid, #7E97A6;.
Font wish list is Tahoma, Verdana, Sans-Serif;.
Font size is 0.8em.
Top and bottom margins are 1em.
Left and right margins are auto
If necessary, click the button below to see the styles. But, as
always, try to figure it out on your own before you look at the
solution.