검색 양식 정렬 버튼

Question

많은 사람들이이 문제에 시달렸으며이 사이트와 다른 사람들을 빗어내어 다른 사람들을 도왔던 많은 수정 프로그램을 사용해 보았습니다. 여기에 내 문제가있다 :

검색 상자를 입력 상자 중앙에 오도록 약 2px 아래로 이동해야한다. 그러나 패딩을 조정하거나 여백을 추가하려고 할 때마다 입력 상자와 단추가 모두 영향을받습니다.

또한 양식의 단추 부분에 클래스를 추가하려고 시도했지만이 경우에도 입력 상자에 영향을 미칩니다.

HTML :

<div id="searchCon">  
<form role="search" method="get" id="searchform" class="searchform" action="http://somesite.com/"> 
<div> 
    <label class="screen-reader-text" for="s">Search Our Site:</label> 
    <input type="text" value="" name="s" id="s"> 
    <input type="image" value="Search" src="button.png" id="searchsubmit" style="opacity: 1;"> 
</div> 
</form> 
</div> 

CSS :

#searchCon{ 
    float: right; 
    display: inline-block; 
    height:37px; 
    padding: 0px 10px 10px 280px; 
    color:#2a2a2a; 
} 

어떤 도움을 매우 극명하게 될 것이다!

Answer 1

또한 버튼 스타일이 작업을 수행 할 수 있습니다 즉시 귀하의 질문에서 명확하지 이후

<input type="image" value="Search" src="button.png" id="searchsubmit" style="opacity: 1; float: right; margin-top: 1px;">