Core Code
Core Code Modern Dev Handbook

CSS Button Padding

Padding is commonly used to create comfortable button spacing.

Preview

Code

<style>
button{
padding:10px 20px;
background:#2563eb;
color:white;
border:none;
border-radius:6px;
}
</style>

<button>Button</button>

More CSS Padding Examples (7)

example CSS Padding Basic open example example CSS Padding Top open example example CSS Padding Bottom open example example CSS Padding Left and Right open example example CSS Padding Shorthand open example example CSS Large Padding Layout open example example CSS Padding With Background open example