CSS elemets stacking, ontop error

Я понятия не имею, почему мои кнопки укладываются друг на друга, я установил высоту и дал поля, но их все еще односторонние друг на друга. Я не хочу использовать display: block; потому что это дает им полную ширину, и я не хочу определять ширину, потому что я хочу, чтобы кнопки меняли ширину в зависимости от количества слов.CSS elemets stacking, ontop error

<a class="btn blue-btn" href="#">Button</a> 

.blue-btn{ 
-moz-border-radius: 3px; 
-webkit-border-radius: 3px; 
border-radius: 3px; 
-moz-background-clip: padding; 
-webkit-background-clip: padding-box; 
background-clip: padding-box; 
background-color: #1b93b7; 
} 

.btn{ 
    height:30px; 
    padding:13px 35px; 
    font-size: 18px; 
    color: #ffffff !important; 
    margin:10px 0px; 
}

http://jsfiddle.net/3L4vB/

источник

2013-12-24 user2598957

элемента является встроенным элементом, так что вы должны добавить дисплей: встроенный блок к вашему .btn классу – Arda

@ArdaChapuler Добавьте это как ответ – Cilan

элемент является встроенным элементом, так что вы должны добавить дисплей: встроенный блок для вашего .btn класса

источник

2013-12-24 00:07:19 Arda

[скрипка] (http://jsfiddle.net/3L4vB/2/), чтобы поддержать ваш ответ, я также удалил фоновый клип с состояния зависания, поскольку он не нужен , – Last1Here

Спасибо, что я через встроенный блок был предназначен для отображения элемента в виде блока, но встроенная функция присваивала ему свойство float. Думаю, это не так? – user2598957

На самом деле его не плавать - [скрипка] (http://jsfiddle.net/3L4vB/5/) с поплавком - [скрипка] (http://jsfiddle.net/3L4vB/6/) без поплавка – Arda

CSS elemets stacking, ontop error

ответ

Смежные вопросы