hr and hgroup info
<!doctype html>
<html>
<head>
<meta charset="utf-8" lang="en" />
<title>Custom <hr> rule</title>
<style>
html {
background: #ddd;
font-family: sans-serif;
font-size: 70%;
}
body { width: 960px; margin: 0 auto;}
horline {
display: block;
height:1px;
border-width: 1px 0 1px 0;
border-color: #000 transparent #fff transparent;
border-style: solid;
}
.enabled-tags {
color: #00f;
}
</style>
</head>
<body>
<header>
<hgroup>
<h1>Custom <hr> Rule "horline"</h1>
<h2 class="sub" >is only for optical purposes</h2>
<hgroup>
<horline>
<hgroup>
<h1>hgroup</h1>
<h2 class="sub" >we use <hgroup> just to group headers inside any flow element, which can be parsed by search engine as part of the html document. If it used alone, is just a block element. </h2>
<h4 class="enabled-tags"> section , nav , article , aside , header , footer , video , audio , figure , table , f,m , fieldset , menu , canvas , details</h4>
<hgroup>
</header>
</body>
</html>