You are on page 1of 3

Divs: divs.

html
!
<!doctype html>

<html>

<head>

<title>Learning CSS</title>

<meta charset="utf-8" />

<meta http-equiv="Content-type" content="text/html; charset=utf-8" />

<meta name="viewport" content="width=device-width, initial-scale=1" />

<style type="text/css">

.large {

font-size:200%;

#green {

color:green;

.underline {

text-decoration:underline;

.bold {
font-weight:bold;

.bluebox {

background-color:blue;

width:200px;

height:200px;

.redbox {

background-color:red;

width:300px;

height:100px;

</style>

</head>

<body>

<div class="bluebox">

<p class="large">This is some text.</p>

</div>

<div class="redbox">


<p id="green" class="large">This is some more text.</p>

</div>

<p>The third <span class="underline large bold">word</span> in this


paragraph is underlined.</p>

</body>

</html>

You might also like