Title appears right aligned!

Question

http://www.perfectclaims.com/ppiclaimsnew/

I dont understand why the first part of the title is right aligned?

any ideas?

Thanks

Answer 1

Because that breadcrumb div is floating in the way of it. You can move the title paragraph down manually, or you can use the CSS property clear to avoid this.

Answer 2

<div id="breadcrumb">

That div is creating space. I would guess you want to give it a width of 100% to make it fill horizontally so the title below has the full width to work with.

Incidentally, I was able to find out the information easily by using firebug, which is an extension for firefox.

Answer 3

It's because you're floating the breadcrumb trail to the left (and for no apparent reason, I might add). You can either remove the float CSS attribute from #breadcrumb or add clear: both; to .title.

Answer 4

It's because of all of the above answers.

Answer 5

add clear: left; to your paragraph <p class="title" style='clear: left;'>

Answer 6

Just remove the line float:left from id #breadcrumb.. Here float:left is not needed

so your code looks like below

#breadcrumb {
background-color:#FFFFFF;
color:#999999;
font-size:10px;
margin-top:5px;
padding-bottom:10px;
position:relative;
width:550px;
}

Cheers !!

Answer 7

If you are using google chrome, place the mouse over the element, right click and select 'inspect-element'.