Question: Open the code 6 - 3 _ txt . html and code 6 - 3 _ columns _ txt . css files from the html

Open the code6-3_txt.html and code6-3_columns_txt.css files from the html06 code3 folder. Enter your name and the date in each document and save the files as code6-3.html and code6-3_columns.css respectively.
2
Go to the code6-3.html file in your editor. Within the head section insert link elements linking the page to the code6-3_layout.css and code6-3_columns.css files. Review the contents of the file and then save your changes.
3
Go to the code6-3_columns.css file in your editor.
4
Create a style rule for the article element to: Display the contents in a 3-column layout with a minimum column width of 350 pixels, separate the columns with a 5-pixel border in the ridge style and using the color value rgb(231,231,231), and set the space between the columns to 20 pixels.
5
Create a style rule for the h1 element within the article element to: Span the heading across all columns, center the heading text, and set the font size to 3.5em with a letter spacing of 0.15em.
6
Create a style rule for paragraphs within the article element to set the minimum size of widows and orphans to 4 lines.
7
Save your changes to the file and then view the page in your browser to verify the contents match that shown in Figure 650.

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Finance Questions!