Как уменьшить пространство между кнопками?

-3

Я новичок в css и html5 и стараюсь, чтобы верхние кнопки работали правильно. Кнопки выравниваются по горизонтали влево. Кажется, я добавляю правильное пространство между ними. Как можно исправить мой код, не запуская мою страницу? Большое спасибо за вашу помощь здесь является код:Как уменьшить пространство между кнопками?

.dashboard, #logOuta { 
 
     width:160px; 
 
     padding:10px 25px 12px 26px; 
 
     font-size:18px; 
 
     text-decoration:none; 
 
     font-family:Arial; 
 
     color:#fff; 
 
     text-align:center; 
 
     box-shadow:1px 1px 1px #666; 
 
     background:#23A3DA; 
 
     background-image:-webkit-linear-gradient(top,#23A3DA,#03171F); 
 
     background-image:-moz-linear-gradient(top,#23A3DA,#03171F); 
 
     background-image:-ms-linear-gradient(top,#23A3DA,#03171F); 
 
     background-image:-o-linear-gradient(top,#23A3DA,#03171F); 
 
     background-image:linear-gradient(to bottom,#23A3DA,#03171F); 
 
     border-bottom:2px solid #ffd175; 
 
     -webkit-border-radius:5; 
 
     -moz-border-radius:5; 
 
     border-radius:5px; 
 
     -webkit-box-shadow:1px 1px 1px #666; 
 
     -moz-box-shadow:1px 1px 1px #666; 
 
     cursor:pointer 
 
    } 
 
    
 
    .dashboard:hover { 
 
     background:#E3A019; 
 
     background-image:-webkit-linear-gradient(top,#E3A019,#E3A019); 
 
     background-image:-moz-linear-gradient(top,#E3A019,#E3A019); 
 
     background-image:-ms-linear-gradient(top,#E3A019,#E3A019); 
 
     background-image:-o-linear-gradient(top,#E3A019,#E3A019); 
 
     background-image:linear-gradient(to bottom,#E3A019,#E3A019); 
 
     text-decoration:none 
 
    }

 <div class="logoutbox"> 
 
       <button class="dashboard">Dashboard</button> 
 
       <input name="logOuta" type="button" id="logOuta" value="Sign Out"/> 
 
     </div>

источник

2014-12-06 user2836884

Кнопки в настоящее время имеют 2-3 точек между ними. Вы не сказали нам, что такое «правильное пространство», и не объяснили, как сокращение пространства повлияет на макет страницы. – isherwood

Возможный дубликат [Как удалить пространство между элементами встроенного блока?] (Http://stackoverflow.com/questions/5078239/how-to-remove-the-space-between-inline-block-elements) –

button { 
    margin-right: 50px; /* whaever spacing you want */ 
}

источник

2014-12-06 17:51:04

Как уменьшить пространство между кнопками?

ответ

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