Build a survey form - issue with padding on the button

Not sure why this is not working, when i try to insert padding on the button it does not apply, i thought that it was because it was an inline element so i tested with inline-block however what is strange the width is applied at the child element level

<div id=“div-submit”>

<input type=“submit” id=“submit” value=“submit feedback!!”/>

</div>

#div-submit {
margin-bottom: 2em;
margin-top: 1em;
text-align: center;
}

#submit {
width: 20%;
}

Hi @salv236 !

Padding & Width seem to apply to #submit as seen in this pen

Or were you trying to do something different?

Hi Alan,

I tried again i get the same issue, cannot figure out what’s causing it i don’t see anything on the parent that could cause the issue here is the link to my webhost.

Hi again! This FCC limit of responses/messages is really hard on new users.

As of now, your link renders the same on firefox & chrome on my end, as I showed you in the private message. I’m sorry I was not able to help you