I cant understand how can I align the grey background of both headings in front of each other so it looks like one long bar. Secondly, I cant understand why the part in front of "Terms and Conditions:" is not turning grey.
@AFQ I was referring to the HTML not CSS. Do you know HTML?
I removed <heading> (which there is no such thing) and replaced it with an <h2> and it worked like you wanted it to. If you clean up your markup I think it would solve some of your issues.
http://jsfiddle.net/QJXZs/6/
I cant understand how can I align the grey background of both headings in front of each other so it looks like one long bar. Secondly, I cant understand why the part in front of "Terms and Conditions:" is not turning grey.
Please help me out.
Did you take a second look at your markup? What is
<stuff>?I am sorry but I dont know much about CSS. I am just trying to get this to work.
I agree with @chirsburton, you need to convert the tags into divs with classes
@AFQ I was referring to the HTML not CSS. Do you know HTML?
I removed
<heading>(which there is no such thing) and replaced it with an<h2>and it worked like you wanted it to. If you clean up your markup I think it would solve some of your issues.