1.form non-newline via table layout implementation
<Table> <TR> <TD> <formMethod= "Get"Action= "left.cgi"name= "Webcam-test"><inputtype=imagesrc= "Images/left.jpg"/></form> </TD> <TD> <formMethod= "Get"Action= "pause.cgi"name= "Webcam-test"><inputtype=imagesrc= "Images/pause.jpg" /></form> </TD> </TR></Table>
2.form non-newline via CSS implementation
<HTMLxmlns= "http://www.w3.org/1999/xhtml"><Head><Metahttp-equiv= "Content-type"content= "text/html; charset=gb2312" /><title>Untitled Document</title><styletype= "Text/css">form{margin:0px;Display:inline}</style></Head><Body><formID= "Form1"name= "Form1"Method= "POST"Action=""> <label>AAA<inputtype= "text"name= "TextField" /> </label></form><formID= "Form2"name= "Form2"Method= "POST"Action=""> <label> <inputtype= "checkbox"name= "checkbox"value= "checkbox" />AAA</label></form></Body></HTML>
form{margin:0px; Display:inline}
3. Two Div side-by
<!DOCTYPE HTML Public "-//W3C//DTD XHTML 1.0 transitional//en" "http://www.w3.org/TR/xhtml1/DTD/ Xhtml1-transitional.dtd "><HTMLxmlns= "http://www.w3.org/1999/xhtml"><Head><Metahttp-equiv= "Content-type"content= "text/html; charset=utf-8" /><title>CSS two div side-by</title><styletype= "Text/css"><!--. onediv{width:90px;Height:50px;float: Left;margin:0 0 0 5px;Border:1px #000 Solid;background:#FF0000}. Twodiv{width:90px;Height:50px;float: Left;margin:0 0 0 5px;Border:1px #000 Solid;background:#99CC00} -</style></Head> <Body><Divclass= "Onediv">Left</Div><Divclass= "Twodiv">Right</Div> </Body></HTML>
CSS two form does not wrap, two div side-by code