|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en'>
<head>
<title>box model</title>
<style rel='stylesheet' type='text/css'>
div#box-wrapper {
background: gold;
border: 1px solid blue;
}
div#box {
border: 20px solid #f6c;
margin: 20px;
padding: 20px;
background: #f90;
}
div#box-inner {
background: pink;
color: rgb(244, 244, 244);
}
</style>
</head>
<body>
<div id='box-wrapper'>
<div id='box'>
<div id='box-inner'>
Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Proin consectetuer neque ac eros. Vivamus vel
nibh. Vestibulum aliquam neque a nisi. Nullam eu
turpis. Proin mi. Cras dictum semper felis. Maecenas
porttitor neque at dolor. Integer vel libero vitae
ante lobortis tristique. Morbi sapien diam, tristique
sed, placerat pharetra, luctus eget, neque.
Pellentesque leo mauris, sollicitudin a, malesuada
vitae, varius vitae, quam. Cras eget tellus vel nunc
dapibus pharetra.
Phasellus varius tincidunt quam. Maecenas viverra
mattis orci. Etiam porttitor luctus ligula. Ut ac
nibh. In commodo imperdiet sapien. Nulla vel sapien
sed mauris euismod pharetra. Quisque eu ante eget
pede tristique tincidunt. Curabitur eu erat eu libero
aliquam placerat. Pellentesque felis erat, cursus
</div>
</div>
</div>
</body>
</html>
|
