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;
}