Кнопка ввода и отправки в той же строке

Question

Я использую плагин в Wordpress (Sendpress), и я пытаюсь внести несколько изменений в форму. HTML код это один:

<form class="sendpress-signup" method="post" id="sendpress_signup"> 
    <div id="form-wrap"> 
     <input type="hidden" value="1688" class="sp_list" id="list" name="sp_list" /> 

     <p name="email"><label for="email">Newsletter - Stay Tuned:</label> <input type= 
     "text" name="sp_email" value="" orig="Newsletter - Stay Tuned" class= 
     "sp_email" /></p> 

     <p class="submit"><input type="submit" name="submit" id="submit" class= 
     "sendpress-submit" value="Submit" /></p> 
    </div> 

Вот jsFiddle того, что я сделал до сих пор jsFiddle

То, что я хочу сделать, это поставить кнопку отправки рядом с полем ввода без пробела между ними , Есть ли способ сделать это только с помощью CSS? Я предпочитаю изменить код плагина.

Answer 1

Try так: Updated Demo

HTML:

<p name="email"> 
      <label for="email">Newsletter - Stay Tuned:</label> 
      <input type="text" name="sp_email" value="" orig="Newsletter - Stay Tuned" class="sp_email" /> 
      <span class="submit"> 
      <input type="submit" name="submit" id="submit" class="sendpress-submit" value="Submit" /> 
     </span> 
     </p> 

CSS:

input[type="text"] { 
    border: 3px solid #be2e26; 
    padding: 5px; 
} 
.sendpress-submit { 
    margin: 0 0 0 -7px; 
    background: none repeat scroll 0 0 #be2e26; 
    border-radius: 5px; 
    color: white; 
    padding: 4px 5px; 
    border: 3px solid #be2e26; 
} 

Answer 2

попробовать это демо Fiddle

p[name="email"]{ 
float:left; 
}