deansaddigh Posted February 16, 2010 Share Posted February 16, 2010 If you check this site http://www.languageschoolsuk.com/index.php at the top of the page there is a search box, i want the input fields to allign to the left of the other one, so it sits on one line, can anyone point me in the right direction Link to comment https://forums.phpfreaks.com/topic/192267-how-can-i-get-form-boxes-to-dislpay-next-to-each-other-as-appose-to-underneath/ Share on other sites More sharing options...
simcoweb Posted February 17, 2010 Share Posted February 17, 2010 You could use something this simple: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> input { display: inline; float: left; } label { display:inline; float: left; padding: 0 10px; } </style> </head> <body> <form action="" method="post"> <label for="name">Name</label><input name="text1" type="text" size="10"/><label for="middle">Middle:</label><input name="text2" type="text" size="10" /><label for="last">Last:</label><input name="text3" type="text" size="10"/> </form> </body> </html> Link to comment https://forums.phpfreaks.com/topic/192267-how-can-i-get-form-boxes-to-dislpay-next-to-each-other-as-appose-to-underneath/#findComment-1013467 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.