Two divs tag in one row

Question

0.00/5 (No votes)

See more:

hello,
i want to place two div tags in one line but not getting properly

following is my source code

<asp:Panel ID="pnlcollapsible" runat="server" height="0" CssClass="pnlsearchtool">

Registration Date(From):<asp:TextBox ID="txtfromdate" runat="server" Width="100px">
Registration Date(To):<asp:TextBox ID="txttodate" runat="server" Width="100px">
PIS Number:<asp:TextBox ID="txtpisnumber" runat="server" Width="100px">
Patient Name:<asp:TextBox ID="txtpatientname" runat="server" Width="100px">

following is the css

CSS

.pnlsearchtool .pnl-top-region .pnllabelcontent .pnlsearchcontent
{
  width:600px;
  height:20px;
}
.pnlsearchtool .pnl-top-region .pnllabelcontent .pnlsearchcontent .pnlleftsearchcontent
{
   width: 200px;
   height:20px;
   float:left;
}
.pnlsearchtool .pnl-top-region .pnllabelcontent .pnlsearchcontent .pnlrightsearchcontent
{
    width: 200px;
   height:20px;
   float:right;


}

please ,tell me how can i make two div tag in one line...

Posted 10-Sep-13 23:48pm

ajays3356

Updated 10-Sep-13 23:49pm

v2

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Jameel VM · Answer 1 · 2013-09-10T23:53:00

Solution 1

Apply the below class in that two div

CSS

.sameline {
    display: inline;
}

Hope this helps

Posted 10-Sep-13 23:53pm

Jameel VM

Comments

ajays3356 11-Sep-13 5:57am

applied but again dont getting the display correctly

Jameel VM 11-Sep-13 5:59am

did you see this?

ajays3356 11-Sep-13 6:00am

yes, i am trying the above css class but not getting the result

Jameel VM 11-Sep-13 6:00am

http://jsfiddle.net/timdown/GVZPX/

Jameel VM 11-Sep-13 6:02am

another link
http://jsfiddle.net/UwZsm/2/