Header, image and content

Header, image and content : Header : Basic Tags HTML CSS TUTORIALS

HTML CSS TUTORIALS » Basic Tags » Header »

Header, image and content


 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Image</title>
<style type="text/css">
img.figure {
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
  border: 1px solid #666;
  padding: 10px;
}

body {
  font-size: 62.5%;
  margin: 0px;
  padding: 0px;
}
#content {
  margin-left: 15px;
  margin-top: 15px;
  border: 1px dashed #999;
  border-right: none;
  border-bottom: none;
}
p.caption {
  font-size: 1.3em;
  line-height: normal;
  margin-bottom: 15px;
}
#gallery .figure p {
  font-size: 1.1em;
  text-align: center;
  line-height: normal;
  margin: 0;
}


h1 {
  font: normal 2.4em;
  margin: 0;
  border-bottom: 1px dashed #999;
  padding: 5px 0 5px 8px;
  color: #14556b;
}
 p {
  font: 1.6em/160%;
  margin: 10px 8px;
}
.copyright {
  font-size: 1em;
  margin-left: 0px;
  padding-left: 8px;
  border-top: 1px dashed #999;
  clear: both;
}

</style>
</head>

<body>
<div id="content">
<h1>header</h1>
<p>
<img src="http://www.navioo.com/style/logo.png" alt="" width="200" height="200" class="figure" />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tatio. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure.</p>
<p class="copyright">Copyright 2006, aaa.com </p>
</div>
</body>
</html>