フォーム上のインラインCSS

Question

.wysija（（Mail Poet））フォームに正しく提出するための送信フォームを取得する際に問題が発生しています。私はそれらをフォームの上部の部分の上に浮かべることを好むだろうが、今のところ、私は入力フィールドが1行に並んでいることに決めている。下の画像を参照してください。どんな助けでも大歓迎です!!

（（私は）.COMでwordpress.org日午前）

This is the coding that I currently have for the form

Answer 1

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>