버튼 및 이미지 사이의 공간을 감소

Question

I 버튼 & "이미지" "사진을 업로드"사이의 공간을 줄이려

[사각형 박스] 이제 here

는이 같은 표시 :

내가 원하는 이 같은 :

.col1-layout .col-main { 
    float: none; 
    width: auto; 
    padding: 0; 
} 

font-family: 'Roboto Condensed', sans-serif; 
    color: #636363; 
    font-size: 14px; 
    line-height: 1.5; 

Answer 1

는 HTML에서 원치 않는 문자가 -

는 여기에 마진을 제거하고 조정 - 픽셀에

#formId { 
    margin: 15px auto; 
    width: 50%; 
} 

Answer 2

사용 최고 & 아래쪽 여백이나 패딩을

#formId { 
 
    margin: 15px auto 15px; 
 
    width: 50%; 
 
}

'-'그 UL 전에이

Answer 3

당신의 CSS

#formId { 
    margin: 3% auto 5%; 
    width: 50%; 
} 

또한

#formId { 
    margin: 3% auto 0%; 
    width: 50%; 
} 

추가 제거

으로 업데이트하시기 바랍니다.

Answer 4

필요없는 경우 코드에서 제거하십시오.

<div id="lblError" style="color:#ff0000;margin-top:10px;"></div> 

변경하여 CSS를 3 % 0 %

#formId { 
margin: 3% auto 0%;} 

아래는 당신을 도움이되기를 바랍니다. 감사.