Positioning Div to Upper Left Corner

HTML & CSS
3

I don’t think that you can get any more basic than this…

<!DOCTYPE HTML>
<html lang="en">
<head>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1">

<title>Untitled Document</title>

<!--<link rel="stylesheet" href="screen.css" media="screen">-->

<style media="screen">
body {
    margin: 0;
    font: normal 1em / 150%  serif;	
    background-image: url( http://www.christyforcongress.com/images/slideshow/1-edit.jpg );
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
 }
 
#header {
    padding: 1em;
 }

h1 {
    line-height: 1.25em;
    color: #fff;
    text-shadow: 0 1px 1px #000, 1px 0 1px #000, 0 0 1px #000;
 }
 
.btn {
    font-size: 1.5em;
    color: #000;
 }
</style>

</head>
<body> 

 <div id="header">
  <h1>
    Christy For Congress<br>
    Wit, Wisdom, and Civil Discourse
  </h1>
  <a href="http://www.christyforcongress.com" class="btn">Learn More...</a>
 </div>

</body>
</html>

coothead

2 Likes