Header Styles Functionality

In Perfect Layout, by default, the #header div has styles for a very large h1 title and a smaller h2 sub-title. Both are centered. If there's a link for any of them, they appear the same color as any other text in the header, even when hovered over. In this case "Perfect Layout" points to the Perfect Layout homepage. Hover over it to see for yourself.

---

Relevant HTML

<div id="header">
	<div class="headerPadding">
		<h1><a href="../index.html">Perfect Layout</a></h1>
		<h2>Version 1.0 Beta</h2>
		<div class="clearBoth"></div>
	</div>
</div>

Relevant CSS

#header
{
	background:#73b7fd;
}

#header h1
{
	font-size:3.5em;
	text-align:center;
}

#header h2
{
	font-size:2em;
	text-align:center;
}

#header a
{
	color:#333333;
	text-decoration:none;
}

---

« Back to Functionality Index