}
.topheadline {
font: bold 48px/.99 “Arial Black”; letter-spacing: -.06em;
padding: 5px; }
.leftcolumn {
float: left;
width: 35%;
padding: 10px;
text-align: justify;}
.rightcolumn {
float: left;
width: 65%;
padding: 10px;
margin-bottom: 23px;
text-align: justify;}
.midhead {
clear: both;
font: 24px/.99 “Arial”; letter-spacing: -.06em;
text-align: right;
padding-bottom: 15px;
}
hr {
clear: both;
height: 2px;
width: 90%;
background-color: mediumspringgreen;
}
</style>
</head>
<body>
<div class=”topheadline”>
THIS IS THE MAIN HEADLINE
</div>
<div class=”leftcolumn”>
The left column: Here you are specifying that you want the
first paragraph displayed in a special green
version of the highlight class, but the second
</div>
<div class=”rightcolumn”>
226 Part III: Adding Artistry: Design and Composition with CSS
