HTML:
<div id="header">
<h1>Derby County Football Club</h1>
<h2>Index Page</h2>
<img class="logo" src="image/dcfc_logo.jpg" alt="DCFC Logo" width="120" height="120" />
</div>
CSS:
#header{
position: relative;
text-align: right;
border: 1px solid #000;
background: #FFFFFF;
margin: 5px;
padding: 3px;
}
.logo{
}
What i want is to display the H1 and H2 on the right, and have the logo on the left all in line with each other. any suggestions?