H1 border-bottom: 1px solid #CBC9C7; : Header border « Tags « HTML / CSS






  1. HTML / CSS
  2. Tags
  3. Header border

H1 border-bottom: 1px solid #CBC9C7;

   
<!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" dir="ltr" lang="en-US"
  xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>
<style rel="stylesheet" type="text/css">
#posts {
  width: 680px;
  float: left;
  padding: 45px 0 0 40px;
  font-family: Arial;
  font-size: 12px;
  color: #474747
}

#posts h1 {
  font-family: "Times New Roman";
  font-size: 24px;
  color: #140A00;
  width: 680px;
  display: block;
  border-bottom: 1px solid #CBC9C7;
  padding: 0 0 3px 0;
  float: left;
}
</style>
</head>
<body>
    <div id="posts">
      <h1>SEO of sites using Social Networks</h1>
      <div class="date">July 25th, 2008</div>
      <div class="post">
        Illum secundum exerci erat plaga illum, enim, venio. Tamen causa ut diam torqueo sagaciter inhibeo si quae exerci lobor- tis. Appellatio vel hos autem, ludus luptatum mauris ratis jugis interdico. Gilvus consequat abico demoveo lenis validus typicus ut commodo. Consequat, eu voco cui eros, euismod quis illum, commodo. Nibh valde tincidunt ex quae ratis meus neo aliquam. Esse, in damnum tation accumsan premo antehabeo mauris in in, ullamcorper virtus. Blandit te valde tation comis sed consequat hendrerit blandit oppeto brevitas amet illum camur quis. Iaceo tamen consequat inhibeo, consequat scisco sino iriure virtus vulpes nostrud. Accumsan ratis feugait vero dolus quae velit nimis facilisis, erat, ullamcorper, valde minim. <br />
        Bis vel, consectetuer dignissim velit feugiat quis. Autem exputo, metuo augue enim metuo, ut. Vicis neo et suscipere occuro haero feugiat paulatim. Vel velit erat, nullus ratis scisco, epulae aptent ullamcorper imputo. Decet, vulpes premo eros populus at abigo genitus. Hendrerit augue imputo fatua jugis, mara persto aliquip ad dolore luptatum velit. Probo abbas nisl tego, diam refoveo ea. Enim melior fatua jugis loquor delenit damnum jus luptatum fe Augue vindico valetudo qui, demoveo. Pagus importunus feugiat augue magna tation vereor utrum dolor. 
        <div class="link-after-post">
          <a href="#">Permalink</a> <a href="#">15 Comments</a>
        </div>
      </div>
      <h1>Web Directories</h1>
      <div class="date">June 16th, 2008</div>
      <div class="post">
        Illum secundum exerci erat plaga illum, enim, venio. Tamen causa ut diam torqueo sagaciter inhibeo si quae exerci lobor- tis. Appellatio vel hos autem, ludus luptatum mauris ratis jugis interdico. Gilvus consequat abico demoveo lenis validus typicus ut commodo. Consequat, eu voco cui eros, euismod quis illum, commodo. Nibh valde tincidunt ex quae ratis meus neo aliquam. Esse, in damnum tation accumsan premo antehabeo mauris in in, ullamcorper virtus. Blandit te valde tation comis sed consequat hendrerit blandit oppeto brevitas amet illum camur quis. Iaceo tamen consequat inhibeo, consequat scisco sino iriure virtus vulpes nostrud. Accumsan ratis feugait vero dolus quae velit nimis facilisis, erat, ullamcorper, valde minim. <br />
        Bis vel, consectetuer dignissim velit feugiat quis. Autem exputo, metuo augue enim metuo, ut. Vicis neo et suscipere occuro haero feugiat paulatim. Vel velit erat, nullus ratis scisco, epulae aptent ullamcorper imputo. Decet, vulpes premo eros populus at abigo genitus. Hendrerit augue imputo fatua jugis, mara persto aliquip ad dolore luptatum velit. Probo abbas nisl tego, diam refoveo ea. Enim melior fatua jugis loquor delenit damnum jus luptatum fe Augue vindico valetudo qui, demoveo. Pagus importunus feugiat augue magna tation vereor utrum dolor. 
        <div class="link-after-post">
          <a href="#">Permalink</a> <a href="#">12 Comments</a>
        </div>
      </div>
    </div>

</body>

</html>








Related examples in the same category

1.h2 border-bottom: 2px dashed black;
2.h2 border-top: 10px solid black;
3.h2 border-bottom-width: 2px;
4.h2 border-bottom-style: dashed;
5.h2 border-bottom-color: black;
6.h2 border-top-width: 10px;
7.h2 border-top-style: solid;
8.h2 border-top-color: black;
9.h2 border: 3px dotted #33333;
10.h2 border-bottom: 10px solid #666;
11.h1 border-bottom: 1px solid rgb(200, 200, 200);
12.h2 border-bottom: 1px solid rgb(200, 200, 200);
13.h3 border-bottom: 1px solid rgb(200, 200, 200);
14.h4 border-bottom: 1px solid rgb(200, 200, 200);
15.h5 border-bottom: 1px solid rgb(200, 200, 200);
16.h6 border-bottom: 1px solid rgb(200, 200, 200);
17.h1 border-bottom: 1px solid #aaaaaa;
18.h1 font-size: 2.1em;background: pink;padding: 1em;border: thin solid black;
19.h1 border: thin solid rgb(0, 0, 0);
20.h1 border-bottom: 1px solid steelblue;
21.h4 border-bottom: 1px solid green;
22.h2 color: orange; border: 4px solid orange;