Создание кнопок CSS с равным заполнения

Question

Я использовать следующий CSS для создания кнопок

.cssButton { 
background-color:#333333; 
border:1px solid #CCCCCC; 
display:inline-block; 
color:#FFFFFF; 
cursor:pointer; 
text-decoration:none; 
font-family: arial, helvetica, sans-serif; 
} 

При нанесении на якорь ссылки и входы, я получаю различные высоты. Есть ли способ заставить свойства соответствовать в обоих элементах?

Благодаря

Answer 1

Да, установив по умолчанию font-size и padding.

.cssButton { 
    background-color:#333333; 
    border:1px solid #CCCCCC; 
    display:inline-block; 
    color:#FFFFFF; 
    cursor:pointer; 
    text-decoration:none; 
    font: 12px arial, helvetica, sans-serif; 
    padding: 2px; 
} 

Also check this Fiddle

Answer 2

С CSS Padding собственности

{

обивка: 5px

}

Answer 3

Как это

добавить padding:5px; ниже в классе:

DEMO

CSS

*{ 
    margin:0; 
    padding:0; 
} 

.cssButton { 
background-color:#333333; 
border:1px solid #CCCCCC; 
display:inline-block; 
color:#FFFFFF; 
cursor:pointer; 
text-decoration:none; 
font-family: arial, helvetica, sans-serif; 
padding:5px; 
} 

Answer 4

.cssButton { 
    background-color:#333333; 
    border:1px solid #CCCCCC; 
    display:inline-block; 
    color:#FFFFFF; 
    cursor:pointer; 
    text-decoration:none; 
    font: 12px arial, helvetica, sans-serif; 
    width:100px; 
    height:30px; 
} 

вы не держать высоту, ширину в вашем CSS. gud luck