заполнение пробега над кнопкой css

Question

Я пытаюсь добавить padding в пространство над кнопкой, созданной с помощью CSS. Кнопка CSS уже имеет padding в ней вокруг текста, поэтому, если я пытаюсь добавить padding-top, она просто меняет размер кнопки, а не перемещает ее ближе к элементу под ним, что и я пытаюсь сделать.

Это CSS:

button { 
    background: #c00; 
    background: -webkit-linear-gradient(#c00, #600); 
    background: linear-gradient(#c00, #600); 
    border-radius: 999px; 
    color:   #f6f4f4; 
    padding:  10px 100px; 
    font:   normal 700 24px/1 "Open Sans", sans-serif; 
    text-align: center; 
    text-shadow: 1px 1px 0 #000; 
    margin-left: 80px; 
} 

Answer 1

Добавить еще один стайлинга свойство в кнопке.

button{ 

    margin-top:10px; 

} 

Answer 2

Еще лучше решение, я думаю, можно было бы добавить маржу снизу элемента над вашей кнопкой: http://csswizardry.com/2012/06/single-direction-margin-declarations/

Answer 3

на самом деле я просто понял это. Я добавил тег div вокруг кнопки и добавил padding-top в div.

Извините за то, что потратил время. Я новичок в эту кодировку :)

Answer 4

Если вы хотите верхний отступ этого CSS, то вы должны использовать следующий CSS вместо:

button { 

     background: #c00; 
     background: -webkit-linear-gradient(#c00, #600); 
     background: linear-gradient(#c00, #600); 
     border-radius: 999px; 
     color:   #f6f4f4; 
     padding:  10px 100px 10px 100px; 
     font:   normal 700 24px/1 "Open Sans", sans-serif; 
     text-align: center; 
     text-shadow: 1px 1px 0 #000; 
     margin-left: 80px; 
    } 

устанавливаемой сотовая линия: обивки: 10px 10px 100px 100px; сколько вы хотите использовать, измените его в первую часть, как дополнение: 50px 100px 10px 100px;

Но вопрос в том, что если вы хотите верхнего отступа верхнего положения кнопки не внутри кнопки, то вы должны использовать

.anyClassName{ 
    margin-top: 10px; 
} 

использовать этот класс HTML тег, который содержит кнопку.