Exercise 4.1

 

<!doctype html>

<html>

<head><title>Chapter 4 - CSS Box Model</title>

<style type="text/css">

#box1 {

                margin: 20px;

                padding: 10px;

                border: 5px solid black;

                width: 100px;

                height: 100px;

                text-align: justify;

                float: left;

}

#box2 {

                margin: 20px;

                padding: 50px;

                border: 5px solid black;

                width: 100px;

                height: 100px;

                text-align: justify;

                float: left;

}

</style></head>

<body>

 

<div id="box1">Learn CSS in One Day and Learn It Well. CSS is easy.</div>

<div id="box2">Learn CSS in One Day and Learn It Well. CSS is easy.</div>

 

<p>skajd fhadlc vkas j cnl ka jshvn aclaks jdclkasjd ckasj cnkas djvcn ksa mc nlkasd jn skajd fhadlc vkas j cnl ka jshvn aclaks jdclkasjd ckasj cnkas djvcn ksa mc nlkasd jn skajd fhadlc vkas j cnl ka jshvn aclaks jdclkasjd ckasj cnkas djvcn ksa mc nlkasd jn</p>

</body></html>