닌자 양식 - 텍스트 영역 정렬 및 제출 버튼

Question

나는 닌자 양식 Wordpress 플러그인을 사용하여 내 웹 사이트에 간단한 이메일 가입 양식을 넣었습니다. 제출 버튼은 텍스트 영역 아래에 있습니다. 제출 버튼을 텍스트 영역의 오른쪽에 정렬하는 방법은 무엇입니까?

<div class="email-form-wrap"> 

<?php if(function_exists('ninja_forms_display_form')){ ninja_forms_display_form(22); } ?> 

</div> 

텍스트 영역의 클래스는 '이메일 텍스트 영역'

제출 버튼의 클래스 것은 당신이 당신의 분야에 몇 가지 클래스를 지정해야합니다 '이메일 서브'

Answer 1

우선이다 - http://prntscr.com/bdalyh 는 그 다음에 어떤 스타일을 추가 : 당신이 스타일 필드 contaienr에 결국 -wrap을 추가해야

.subscribe__email-wrap{ 
    float:left; 
    width:calc(100% - 100px); 
} 

.subscribe__submit-wrap{ 
    float:right; 
    width:100px; 
} 

메모를 필드가 아니라 직접. 당신은 당신에게 어떤 clearfix 스타일을 추가 할 필요가 결국 가 형성 :

.ninja-forms-all-fields-wrap:after{ 
    content:''; 
    display:table; 
    clear:both; 
}