how to put two divs in one line?

**sidooh** · Jun 28 '10, 06:29 AM

any one could help me?

**JKing** · Jun 28 '10, 02:47 PM

Divs are by default block elements. Use display:inline; in your css for both divs.

**sidooh** · Jun 28 '10, 11:16 PM

Thank you very much!
It works!

Thank you again!

**cutesrivastavaabhi** · Jul 1 '10, 04:54 PM

Originally posted by sidooh

Hi,everyone!

I want to put two divs in one line,but my code didn't work...

here is my code:
exp.html

Code:

<html>

<link rel="stylesheet" type="text/css" href="exp.css">

	<head>
	</head>
	
	<body>
		<div id="headerimg">
			<div id="logo">
				<div id="l1">l1
					<div id="l2">l2</div>
				</div>
				
			</div>
			<div id="title">gbstack</div>
		</div>
	</body>
	
</html>

exp.css

Code:

#headerimg{
	width:100%;
}

#logo{
	width:30%;
	background:red;
}

#l1{
	width:50%;
	background:#aaaaaa;
}

#l2{
	width:50%;
	background:#aa00cc;
}

#title{
	width:70%;
	background:green;
}

I want to put l1 and l2 in one line.
any suggestion is appreciated.

Code:

<html>
<body>
<div align="left"  style="width:200px; top:0px; position:absolute">hi</div><div  style="left:220px;top:0px; position:absolute">hello</div>
</body>
</html>

**Bharat383** · May 1 '12, 01:06 PM

<code>
<div style="float:le ft;height:200px ;width:400px"> jadsklfj;adkfj; </div>
<div style="float:le ft;height:200px ;width:400px;"> ajljdfakljdf;ka jdf</div>
</code>

Bharat Parmar(Bharat38 3)

how to put two divs in one line?

how to put two divs in one line?

Comment

Comment

Comment

Comment

Comment