Jump to content
Killersites Forums

Styling and Formatting


linton
 Share

Recommended Posts

A weird problem, I tried recreating a header that turned out fine yesterday today. I had all kinds of problems with the contents of 'header h6' and 'header p' breaking up and causing the horizontal navigation bar beneath the header to stretch. I finally decided to copy and paste the CSS style and HTML code from yesterday into it and it worked even though I spent a considerable amount of time typing/using CSS and the HTML code to achieve the same thing. Just wondering if anyone might have an idea as to why. Of course, I could be at fault.

Below is the CSS style and HTML.

 

Thanks in advance for your response.

 

 

#header h6 {

font-size: 60px;

color: #59A543;

font-family: Georgia, "Times New Roman", Times, serif;

text-transform: uppercase;

text-align: center;

letter-spacing: 5px;

padding-top: 10px;

padding-bottom: 5px;

}

#header p {

text-align: center;

text-transform: uppercase;

font-size: 14px;

font-family: Georgia, "Times New Roman", Times, serif;

font-weight: 600;

letter-spacing: 5px;

color: #59A543;

}

 

 

HTML

 

<body>

<div id="wrapper">

<div id="header">

<h6>The GARDENER</h6>

<p>A GARDENING COMMUNITY</p>

</div>

<div id="nav">

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

×
×
  • Create New...