iH InSaNeHKR
New Member
i tried creating form with fields side by side using divs .But they are diplayed one after another in rows. here i am getting batchcode and coursecode intwo rows .How to get them in a single row side by side.\[code\]<!DOCTYPE html><html> <head> <title>Adikavi Nannaya University:Student Results</title> <link href="http://stackoverflow.com/questions/15779088/css/reset.css" media="screen" rel="stylesheet"/> <link href="http://stackoverflow.com/questions/15779088/css/redmond/jquery-ui-1.10.2.custom.min.css" media="screen" rel="stylesheet"/> <link href="http://stackoverflow.com/questions/15779088/css/default.css" media="screen" rel="stylesheet"/> <link href="http://stackoverflow.com/questions/15779088/sidebarmenu.css" rel="stylesheet" type="text/css"> <script src="http://stackoverflow.com/questions/15779088/sidebarmenu.js"></script> <script src="http://stackoverflow.com/questions/15779088/scripts/jquery-1.9.1.min.js"></script> <script src="http://stackoverflow.com/questions/15779088/scripts/jquery-ui-1.10.2.custom.min.js"></script> </head> <body> <!--<form id="frmExamRegistration" method="post" enctype="multipart/form-data" class="anu">--> <form name="f1" method="post" class="anu"> <%@include file="header.html"%><div style="float:right;width:10%;border:0;font-color:#163362"><a href=http://stackoverflow.com/questions/15779088/logout.jsp">Log Out</a></div><%@include file="sidemenus.jsp" %> <div id="container"> <div class="content" ><center>Delete Batch</center><br> <div class="formElements"> <label>Batch code:</label> <span><input type="text" id="txtBatchcode" name="txtBatchcode" ></span> <div class="formElements" style="z-index:-1"> <label>Course Code:</label> <span><input type="text" id="txtCoursecode" name="txtCoursecode" ></span> <div class="buttons" align="center"> <button type="submit" class="primaryAction">Delete</button> <button type="reset" class="primaryAction">Clear</button> </div></div></div> </div> </div> </form> </body></html>\[/code\]