how to put two divs in one line?

Hi,everyone!

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

here is my code:
exp.html

Expand|Select|Wrap|Line Numbers

 
<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

Expand|Select|Wrap|Line Numbers

 
#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.

Attached Images

scrn.jpg (3.1 KB, 445 views)

Jun 26 '10 #1

Subscribe Post Reply

6968

sidooh

any one could help me?

Jun 28 '10 #2

JKing

1,206

Expert 1GB

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

Jun 28 '10 #3

sidooh

Thank you very much!
It works!

Thank you again!

Jun 28 '10 #4

cutesrivastavaabhi

@sidooh

Expand|Select|Wrap|Line Numbers

 <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>

Jul 1 '10 #5

Bharat383

<code>
<div style="float:left;height:200px;width:400px"> jadsklfj;adkfj;</div>
<div style="float:left;height:200px;width:400px;">ajljd fakljdf;kajdf</div>
</code>

Bharat Parmar(Bharat383)

May 1 '12 #6

by: Egon Pasztor | last post by:

Hi. I'm new at CSS, so maybe this is obvious, but I've looked around quite a bit looking for a solution. I'm playing with the vertical positioning of elements in a 2-column layout. The...

HTML / CSS

side by side divs without a break...

by: Mel | last post by:

i need to have as many as 5 divs side by side on the same line without a break. if browser displays a horizontal scrollbar, its ok with my users and they can resize it. something like the...

HTML / CSS

Floating DIVs and "carriage returns"

by: Arnost Sobota | last post by:

Hello, Suppose I want to play with DIVs as if they were type characters. I have a series of fixed-height (width is of no importance) blocks which must follow one another from left to right, with...

HTML / CSS

Putting DIVs inline

by: massic80 | last post by:

Hi everybody! I'm making a page for an exam at uni. In two DIV blocks of it there should appear (and disappear) some "icons", due to XML messages, so I dunno how many of them should I can obtain;...

HTML / CSS

Blog's 2 divs won't center side-by-side.

by: judacris | last post by:

I've seen the threads here about molding 2 divs in a centered fashion. but I can't seem to solve this thing. my blogger blog is functioning well on my site for now, but the blog feed (left) and...

HTML / CSS

Showing divs side by side

by: Adam | last post by:

What would be the best way to make four roughly square divs line up in a horizontal row on a page? I've tried display:inline; with no luck (it just destroyed the box shape) and at the moment I've...

HTML / CSS

Lining up four DIVs horizontally

by: Adam | last post by:

I have four roughly square DIVs, all the same height, which I need to line up horizontally across the page. What would be the best way to do this? At the moment I have a very botched solution where...

HTML / CSS

pls help w/an usual design...

by: maya | last post by:

hi, I got this unusual design (well, not so unusual anymore, I guess..) for an input text field for a search form in top of page.. http://www.mayacove.com/design/search/search.html I can't...

HTML / CSS

show divs according to what the user clicks from a menu choice

by: daydream | last post by:

yeah i need some help(such a common line) ,i have a menu and each link has its own div respectively and yeah obviously when u click the link the div shows, the problem is i would like each div to...

Javascript

Divs staying in a line and overflow-x.

by: pxlcreations | last post by:

This is confusing me like crazy. I am making a webapp for the iPad but I can't seem to figure out how to keep my divs in a line, then have overflow-x kick in once the divs have hit the edge of the...

HTML / CSS

How to turn on java script in a villaon keypad mobile phone

by: Charles Arthur | last post by:

How do i turn on java script on a villaon, callus and itel keypad mobile phone

Java

Batch import of multiple excel files into the database

by: ryjfgjl | last post by:

If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...

Data Management

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...

General

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...

Windows Server

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

General

how to put two divs in one line?

Similar topics