양식의 인라인 CSS

내 .wysija ((Mail Poet)) 양식에 제출 양식을 올바르게 정렬하는 데 문제가 있습니다. 폼의 상단 부분 옆에 부딪 치는 것을 선호하지만, 지금은 입력 필드가 한 줄로 늘어서도록 정하고 있습니다. 아래 이미지를 참조하십시오. 어떤 도움을 많이 주시면 감사하겠습니다 !!양식의 인라인 CSS

((I)는 .COM으로 wordpress.org 오전)

This is the coding that I currently have for the form

출처

2017-05-09 Emily Chilton

당신은 그 3 개 요소의 부모 요소에 CSS를 적용 할 수 있습니까? –

또는'float : left'을 제거하고'display : block'을'display : inline-block'으로 변경하고'vertical-align : middle'을 추가하십시오. 당신이 가지고있는 것을 복제하고 변경할 수있는 것을 보여줄 코드를 제공 할 수 있다면 정말 도움이 될 것입니다. –

도움이된다면, 내 사이트는 www.themommyhoodmoments.com –

This is what it looks like currently

다음과 같이하십시오.

.main-block{ 
 
width:600px; 
 
padding:25px; 
 
} 
 
.name{ 
 
width:200px; 
 
float:left; 
 
margin-right:15px; 
 
} 
 
.email{ 
 
width:200px; 
 
float:left; 
 
margin-right:15px; 
 
} 
 
.btn{ 
 
width:50px; 
 
float:left; 
 
margin-right:15px; 
 
text-align:center; 
 
}

<div class="main-block"> 
 
    <div class="name"><input type="text" placeholder="Enter your name here."></div> 
 
    <div class="email"><input type="text" placeholder="Enter your email here."></div> 
 
    <div class="btn"><input type="submit" class="btn"></div> 
 
    <div class="clear"></div> 
 
</div>

출처

2017-05-09 00:23:16

양식의 인라인 CSS

답변

관련 문제