Welcome to collectivesolver - Programming & Software Q&A with code examples. A website with trusted programming answers. All programs are tested and work.

Contact: aviboots(AT)netvision.net.il

Prodentim Probiotics Specially Designed For The Health Of Your Teeth And Gums

Instant Grammar Checker - Correct all grammar errors and enhance your writing

Teach Your Child To Read

Powerful WordPress hosting for WordPress professionals

Disclosure: My content contains affiliate links.

31,166 questions

40,722 answers

573 users

How to set input text and input submit at same line (top and bottom) in HTML5 and CSS3

Booking.com | Official site | The best hotels, flights, car rentals & accommodations


209 views

15% off all orders & Free Shipping!

asked Jul 27, 2014 by avibootz
edited Jul 27, 2014 by avibootz

1 Answer

0 votes
<form name="my_form" method="get">
    First Name: <input id="field" name="first_name" type="text">
    <input id="submit" type="submit" value="Add" name="submit" />
</form>

style.css

#submit
{
  width:70px;
  height: 31px;
  border: 1px solid #000000;
  vertical-align: bottom; /* or vertical-align: top; - will set text and submit to same line */
}




answered Jul 27, 2014 by avibootz
edited Jul 27, 2014 by avibootz

Related questions

1 answer 189 views
1 answer 168 views
168 views asked May 20, 2014 by avibootz
1 answer 239 views
1 answer 174 views
...