float right

dexeloper · Jun 30, 2009

Any suggestions for why 'Bbbbbb' isn't on the same line as 'Aaaaa' in this:

<html>
<head>
<style type="text/css">
#bar{width:100%;height:30px;color:white;padding-top:5px;background:#888888;}
#baright{float:right;display:inline;}
</style>
<body>
<br/><br/>
<div id="bar">
Aaaaaaaa<span id="baright">Bbbbbbbbbbb</span>
</div>
</body>
</html>

feherke · Jun 30, 2009

Hi

dexeloper said:
Any suggestions for why 'Bbbbbb' isn't on the same line as 'Aaaaa' in this:

Because the un-floated content flows over the preceding floated elements. What you want would work if written like this :

Code:

[b]<div[/b] [maroon]id[/maroon][teal]=[/teal][green][i]"bar"[/i][/green][b]>[/b]
[b]<span[/b] [maroon]id[/maroon][teal]=[/teal][green][i]"baright"[/i][/green][b]>[/b]Bbbbbbbbbbb[b]</span>[/b]Aaaaaaaa
[b]</div>[/b]

Feherke.

http://rootshell.be/~feherke/

dexeloper · Jun 30, 2009

By George you're right Feherke. I'm learning.

What would you like - some ginger icecream or a cold lager?

Many thanks.

feherke · Jun 30, 2009

Hi

dexeloper said:
What would you like - some ginger icecream or a cold lager?

I would never refuse my favorite beer. [cheers]

Feherke.

http://rootshell.be/~feherke/

dexeloper · Jun 30, 2009

Hmm. If you ever get a chance try this:

http://www.harveys.org.uk/

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

float right

dexeloper

Programmer

feherke

Programmer

dexeloper

Programmer

feherke

Programmer

dexeloper

Programmer

Similar threads

Part and Inventory Search

Sponsor