The SuperHeroHype Forums  

Go Back   The SuperHeroHype Forums > SHH Community > Tech & Support

Reply
 
Thread Tools Display Modes
Old 03-11-2013, 06:07 PM   #1
Sundancer
Cynicist
 
Sundancer's Avatar
 
Join Date: Feb 2004
Location: In the dark
Posts: 2,103
Default Why is my header not centering? (HTML 5, CSS)

Here is the code below in HTML 5. I'm also trying to figure out why my browser (Firefox) isn't adding margins.

<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML Example</title>
<meta charset="utf-8">
<style>

body { background-color:#d1affe;
font-family:Arial, Verdana, sans-serif
margin-left: auto
margin-right:auto;
)

p { font-size:.90em;
text-indent: 3em;

h1 {text-align: center;
font-family:Georgia, "Times New Roman", serif;
}

h2 {text-align: center;}

</style>
<body>
<h1>John Smith</h1>
<br>
<p>Welcome to my demonstration of HTML format! Knowing basic HTMl and formatting for
Web pages is essential for many librarians. I have had several library positions though I have yet to be in one in which I create
Web content. That is a reason to learn. Libraries now thrive on technology for communication, providing information and outreach
purposes. Here are the library titles I've held over the years:</p>
</body>





I found a similar code that does work. I don't see the difference.



<!DOCTYPE html>
<html lang="en">
<head>
<title>Trillium Media Design</title>
<meta charset="utf-8">
<style>
body { background-color:#E6E6FA;
color:#191970;
font-family:Arial, Verdana, sans-serif;
}
h1 { background-color:#191970;
color:#E6E6FA;
line-height: 200%;
font-family:Georgia, "Times New Roman", serif;
}
h2 { background-color:#AEAED4;
color:#191970;
font-family:Georgia, "Times New Roman", serif;
text-align: center;
}
p { font-size:.90em;
text-indent: 3em;
}
ul {font-weight:bold;
}
</style>
</head>
<body>
<h1>&nbsp;Trillium Media Design</h1>
<div><a href="index.html">Home</a> <a href="services.html">Services</a> <a href="contact.html">Contact</a></div>
<h2>New Media and Web Design</h2>
<p>Trillium Media Design will bring your company's Web presence to the next level.
We offer a comprehensive range of services: </p>
<ul>
<li>Website Design</li>
<li>Interactive Animation</li>
<li>E-Commerce Solutions</li>
<li>Usability Studies</li>
<li>Search Engine Optimization</li>
</ul>
<h2>Meeting Your Business Needs</h2>
<p>Our expert designers are creative and eager to work with you.
Take advantage of the power of Web 2.0!</p>
<div>Copyright &copy; 2012 Your Name Here</div>
</body>
</html>

__________________
"We need comedy to stop our desire to kill" -- Christopher Titus

Last edited by Sundancer; 03-11-2013 at 06:23 PM.
Sundancer is offline   Reply With Quote
Reply

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT -5. The time now is 04:32 PM.

monitoring_string = "dee460792f24517621e3ca080805de7e"
Contact Us - Mobile - SuperHeroHype - ComingSoon.net - Shock Till You Drop - Lost Password - Clear Cookies - Archive - Privacy Statement - Terms of Service - Top - AdChoices


Powered by vBulletin®
Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.
SuperHeroHype.com is a property of CraveOnline Media, LLC, an Evolve Media, LLC company. 2014 All Rights Reserved.