Tryit Editor v2.9

Edit This Code:

<!DOCTYPE html>
<html>
<head>
<style>body {
   margin-left: 200px;
   background: #5d9ab2 url("img_tree.png") no-repeat top left;
}

.center_div {
   border: 1px solid gray;
   margin-left: auto;
   margin-right: auto;
   width: 90%;
   background-color: #d0f0f6;
   text-align: left;
   padding: 8px;
}
</style>
</head>
<body>

<div class="center_div">
  <h1>Hello World!</h1>
  <p>This example contains some advanced CSS methods you may not have learned yet. But, we will explain these methods in a later chapter in the tutorial.</p>
</div>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<style>body {
    margin-left: 200px;
    background: #5d9ab2 url("img_tree.png") no-repeat top left;
}

.center_div {
    border: 1px solid gray;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    background-color: #d0f0f6;
    text-align: left;
    padding: 8px;
}
</style>
</head>
<body>

<div class="center_div">
  <h1>Hello World!</h1>
  <p>This example contains some advanced CSS methods you may not have learned yet. But, we will explain these methods in a later chapter in the tutorial.</p>
</div>

</body>
</html>