박스 국경

Question

나는 다음과 같은 코드가 있습니다

.submit_wrap { 
    padding: 1px; 
    border: 1px solid #b0e1c4; 
} 

.submit { 
    height: 20px; 
    background: url(images/design/button_bg.gif) repeat-x; 
    padding: 1px 10px 0 10px; 
    border: 0; 
    color: #ffffff; 
    font-weight: bold; 
    font-size: 12px; 
} 

.submit:hover { 
    background: url(images/design/button_bg_selected.gif) repeat-x; 
} 

을 그리고 난 제출 버튼에 적용하기 위해 노력하고있어 :하지만 그 대신 같은 무언가를 얻기의

<div class="submit_wrap"> 
    <input class="submit" type="submit" name="submit" value="Conectare"> 
</div> 

: 를

나는이 얻을 :

submit_wrap 클래스의 너비를 설정할 수는 있지만이 클래스를 더 많은 제출 버튼에 적용하고이 버튼의 너비가 다른 점이 문제입니다. 어떻게해야합니까?

Answer 1

display: inline-block 

것은