HTML and CSS Reference
In-Depth Information
color: #EE015;
text-align:center;
font-size:22px;
}
section {
width:85%;
border:4px #00FF63 solid;
text-align:left;
padding:5px;
margin:10px;
background-color: white;
}
p {
width: 250px;
}
</style>
</head>
<body>
The background here is tan and the text is the totally arbitrary RED GREEN BLUE
value #EE015. <br/>
<section>Within the section, the background color is white. There is text with
additional HTML markup, followed by a paragraph with text. Then, outside the
section there will be text, followed by an image, more text and then a
hyperlink. <p>The border color of the section matches the color of the
frog image. </p></section>
<br/>
As you may have noticed, I like origami. The next image represents a frog head.<br/>
<img src="frogface.gif"/> <br/>If you want to learn how to fold it, go to
Origami Page <img src="crane.png" width="100"/></a>
</body>
</html>
This produces the screen shown in Figure 1-6.
