This text is Bold

This text is Italic

This text is underlined

Following is the Source Code: 
  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. <head>
  5.     <title>Sample example illustrating the basic Usage of CSS along with XHTML</title>
  6.     <!-- Main CSS part for Nesting! You may overlook this portion for now! By the end of this tutorial you will learn it completely -->
  7.     <style type="text/css">
  8.         body {
  9.         margin: 0;
  10.         padding: 0;
  11.         font-family: Trebuchet,Trebuchet MS,Arial,sans-serif;
  12.         font-size: 14px;
  13.         }
  14.         a:link, a:visited, a:hover, a:active {
  15.         color: #000099;
  16.         border: 0px none;
  17.         outline: hidden;
  18.         text-decoration: underline;
  19.         }
  20.         a:hover {
  21.         text-decoration: none;
  22.         }
  23.         a img {
  24.         border: 0px none;
  25.         }
  26.         div.wrapper {
  27.         background: #C5D4E2;
  28.         width: 700px;
  29.         margin: 0 auto;
  30.         padding: 10px;
  31.         border: 2px solid #3E6098;
  32.         border-top: 0px none;
  33.         height: 1000px;
  34.         overflow: hidden;
  35.         text-align: center;
  36.         }
  37.         div.content {
  38.         background: #F1F5F9;
  39.         margin: 10px auto;
  40.         width: 600px;
  41.         border: 1px solid #81A8B8;
  42.         padding: 0;
  43.         }
  44.         div.main-content {
  45.         background: #fff;
  46.         width: 500px;
  47.         margin: 40px auto;
  48.         padding: 10px;
  49.         border: 1px solid #CCCCCC;
  50.         text-align: left;
  51.         }
  52.         img.logo {
  53.         display: block;
  54.         margin: 10px auto;
  55.         }
  56.         .credit {
  57.         text-align: right;
  58.         }
  59.         .credit a {
  60.         color:#333366;
  61.         font-weight: bold;
  62.         text-decoration: none;
  63.         }
  64.         .credit a:hover {
  65.         text-decoration: underline;
  66.         }
  67.         div.demo {
  68.             background: #F1F5F9 url("demo64.png") no-repeat scroll 5px top;
  69.             width: 200px;
  70.             margin: 10px 0;
  71.             padding: 20px 10px 20px 75px;
  72.             font-size: 22px;
  73.             font-weight: bold;
  74.             border: 2px solid #81A8B8;
  75.             -moz-border-radius: 10px;
  76.             -webkit-border-radius: 10px;
  77.             text-align: left;
  78.         }
  79.         div.dwl {
  80.             background: #F1F5F9 url("dwn64.png") no-repeat scroll 5px top;
  81.             width: 200px;
  82.             margin: 10px 0;
  83.             padding: 20px 10px 20px 75px;
  84.             font-size: 22px;
  85.             font-weight: bold;
  86.             border: 2px solid #81A8B8;
  87.             -moz-border-radius: 10px;
  88.             -webkit-border-radius: 10px;
  89.             text-align: left;
  90.         }
  91.     </style>
  92.     <!-- This portion is used to style different texts! CSS can do much much more than just bold and italics -->
  93.     <style type="text/css">
  94.         p.bold {
  95.         font-weight: bold;
  96.         }
  97.         p.italic {
  98.         font-style: italic;
  99.         }
  100.         p.underline {
  101.         text-decoration: underline;
  102.         }
  103.     </style>
  104. </head>
  105. <body>
  106.     <div class="wrapper">
  107.         <a href="http://www.intechgrity.com/"><img class="logo" src="logo.png" alt="inTechgrity.com"/></a>
  108.         <div class="content">
  109.             <div class="main-content">
  110.                 <p class="bold">This text is Bold</p>
  111.                 <p class="italic">This text is Italic</p>
  112.                 <p class="underline">This text is underlined</p>
  113.             </div>
  114.         </div>
  115.         <p class="credit">Page by <a href="http://www.intechgrity.com">inTechgrity | Swashata</a></p>
  116.     </div>
  117. </body>
  118. </html>
  119.  

Page by inTechgrity | Swashata