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

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/

Two divs tag in one row

1 solution

Solution 1

Add your solution here

Preview 0

Two divs tag in one row

1 solution

Solution 1

Add your solution here

Preview 0

Existing Members

...or Join us