CSS Padding not Working?

Why does the search box here not have 15px padding to the right? This is the C开发者_高级运维SS:

#element_right {
padding: 120px 15px 0px 0px;
color:#161514;
font-family:helvetica, sans-serif, Arial;
font-size: 13px;
background: #f4f4f4;
width: 270px;
height: 100%;
float: right;
}

I'm using Chrome

This should work (if that's what you're really trying to achieve):

#element_right {
padding: 120px 35px 0px 0px;
color: #161514;
font-family: helvetica, sans-serif, Arial;
font-size: 13px;
background: #F4F4F4;
width: 270px;
height: 100%;
float: right;
}

To reach your effect, setting margin is a more suitable way.

Of course, it would be in conflict with the width as your child element with 280px of width break the entire structure.

I suggest you to remove the width in child element and make width effect at #element_right with a 295px of width the same with boxes below.

So the search box's width and horizontal position would exactly be identical to the boxes below besides the border and box shadow.

EDIT: Delete misleading answer.

Just check with opera, and your 15px padding works, you are just filling it with the search bar

The width of the contents of the search div doesn't leave room for padding, Shrink your input to width:190px