ansaurus

Question

Answer 1

+4 A:

Use a developer tool like Firefox’ Firebug, Safari’s WebInspector or IE’s Developer Tools to inspect the document. Those will probably show your, that it’s the .previous_page’s bottom margin that causes a conflict with the top margin of the h1.

Gumbo 2009-03-31 23:42:44

Thanks Gumbo, you where right it was a bottom margin on the previous page link causing the issue. many thanks indeed :)

morktron 2009-03-31 23:45:51

Answer 2

+2 A:

It's hitting that floated "Previous Page" link and wrapping around it. It's left-justified, but it just looks like it's centered because of where it hits that float.

Try:

h1 { clear: left }

Tyson 2009-03-31 23:45:41

thanks Tyson, it working already but that is a good trick to remember, thanks :)

morktron 2009-03-31 23:58:00

Answer 3

+1 A:

Try changing your h1 style to this:

#flypage h1 {
  float: left;
  margin-bottom: 20px;
  margin-top: 20px;
  text-align: left !important;
  width: 100%;
}

Dave Ward 2009-03-31 23:50:35

Thanks Dave, it was the previous page button affecting it but i did end up adding a top margin to the H1 tag, looks much better thanks :)

morktron 2009-03-31 23:56:48

ansaurus

tags:

views:

answers:

Can't align H1 tag to left with CSS?

related questions