Basically when I try to define different padding amounts for the TRBL the rule gets ignored, but when I just define one padding amount the rule works.
The relevant html is as follows:
<div class="content">
<div class="contenttext">
<h1>Hello.</h1>
<p>Test text, needs more testing.</p>
</div>
</div>
The CSS is as follows:
*
{
margin: 0px;
padding: 0px;
}
body
{
font: normal 100% 'trebuchet ms', arial, sans-serif;
}
.content
{
background: #d9d5b7;
width: 100%;
height: 600px;
}
.contenttext
{
background: #FFFFFF;
width: 750px;
margin: 0 auto;
height: 500px;
padding: 25px;
}
.contenttext h1
{
font: bold 150% 'gothic century', arial, sans-serif;
color: #585858;
margin: 0px;
padding: 15px, 0px, 15px, 0px;
}
p
{
color: #707070;
}
Images from Chrome:


Apologies if there is something really basic I’m missing here, I’m just getting started with xhtml/css and to be honest I find it quite frustrating.
If you need the full code to determine the problem just shout and I’ll upload it asap.
no commas between values
UPDATE: also NO whitespaces between the numbers and
pxin style values