CSUN Wordmark

Introduction to CSS/Dreamweaver

EXERCISE 1d (div and class)

Define a class-remember semantic names (names that identify function).

Example Page

<img src="images/acropolis.jpg" alt="Acropolis" />
<div class="news">Elgin Marbles Returned to Greece.</div>


.news {
background-color:#6699CC;
border:1px solid #333333;
float:left;
clear:right;
}

h2 {
font-size:1.25em;
border:2px solid #990000;
margin:0;
padding:0;
clear:left;
}

img {
border:6px solid #660000;
margin:0;
padding:0;
clear:none;
float:left;
}