PDA

View Full Version : problem with row alignment on header


rennart
09-26-2012, 05:04 PM
Please can somebody solve this probably straightforward mistake!

I have a header and the text extends onto the second line, at which point it seems to center rather than align to the left as I want. What am I not doing?

<div class="row">
<h2>a selection of essential reference works from our shop in Folkestone <br />
or by post - details at foot of page,</h2>
see http://www.rennart.co.uk/books2.html

I have tried removing the page break <br> but this doesn't help.

This is the code for H2
h2 {
color: #333333;
margin-left:50px;
float: left;
padding-top: 20px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}

gentleone
09-26-2012, 05:34 PM
You have in your CSS a text-align: center on #wrapper, so everything in the wrapper div will inherit this unless you declare otherwise.
You can remove the text-align: center (which I would do) or add in your CSS to h2 text-align: left; to override the text-align: center;

rennart
09-26-2012, 06:47 PM
Thankyou!
That was clear and worked perfectly.

gentleone
09-26-2012, 06:49 PM
Great! You're welcome ;)