Hi,

 

Im really starting to understand css more now especially with the help of people off this forum and firebug. I have created this website using a template but cant seem to get the line spacing to work properly.

 

Can anyone make any suggestions as to which part of the css i need to change to get the linespacing the same

 

 

As you can see the main text at the top is fine but the prices below are spaced out too much.

 

i did try changing this part of the code but it made it even worse

 

.contentpaneopen p {

color:#444444;

font-size:14px;

line-height:150%;

margin:0 0 20px;

padding:0;

text-align:left;

 

Any suggestions would be much appreciated

 

Thanx

 

Jonny

Have a play around with the bottom margin

 

.contentpaneopen p {
color:#444444;
font-size:14px;
margin:0 0 5px;/*changed to 5px*/
padding:0;
text-align:left;
}

Thats great thanks a lot, can you explain why that main text had a different line height to the rest of it tho?

 

Thanks Again!!

what was happening was your main content was inside one paragraph

 

where each price was in a seperate paragraph

 

p{margin:0 0 10px;}

 

<p>Top Cat! The most effectual Top Cat! 
Who's intellectual close friends get to call him T.C., 
providing it's with dignity. 
Top Cat! The indisputable leader of the gang. 
He's the boss, he's a pip, 
he's the championship. 
He's the most tip top, Top Cat. </p><!--css adds bottom margin-->

 

 

 
<p>Top Cat! </p> <!--css adds bottom margin-->
<p>The most effectual </p>  <!--css adds bottom margin--> 
<p>Top Cat! </p> <!--css adds bottom margin-->
<p>Who's intellectual close </p> <!--css adds bottom margin--> 

 

I think that was it, I can't see your link anymore