T6 Coding Challenge 3

 

Summary

You’ve been handed a web page that will display the opening chapter of the Charles Dickens novel, Great Expectations. You will lay out the text of the chapter in three columns as shown in Figure 6–50, with a divided line separating the columns. Write the code for the style sheet.



Do the following:


code6-3.html


<!doctype html>
<html lang="en">

<head>
    <!--
   New Perspectives on HTML5 and CSS3, 8th Edition
   Tutorial 6
   Coding Challenge 3
   -->
    <meta charset="utf-8">
    <title>Coding Challenge 6-3</title>
    <link rel="stylesheet" href="code6-3_layout.css">
    <link rel="stylesheet" href="code6-3_columns.css">

</head>

<body>




code6-3_columns.css



/*
   New Perspectives on HTML5 and CSS3, 8th Edition
   Tutorial 6
   Coding Challenge 3

*/

/* article element styles */
article {
    column-count: 3;
    column-gap: 20px;
    column-width: 350px;
    column-rule-style: solid;
    column-rule-width: 5px;
    column-rule-color: rgb(231, 231, 231);
}

/* h1 element inside article element */
article h1 {
    text-align: center;
    font-size: 3.5em;
    letter-spacing: 0.15em;
    column-span: all;
}

article p{
    widows: 4;
    orphans: 4;
}

Comments

Popular posts from this blog

EXERCISES. Study the two types and complete the table by matching the numbered orthogonal drawings with the same isometric view.

Three negative point charges lie along a line as shown in the figure. Find the magnitude of the electric field this combination of charges produces at point P, which lies 6.00 cm from the -2.00 μC charge measured perpendicular to the line connecting the three charges. (E = N/C)

Order the steps required to predict the volume of (in mL) of 0.100 M calcium chloride needed to produce 1.00 g of calcium carbonate.