Side-by-side div alignment

Question

0.00/5 (No votes)

See more:

Hi,

In my website header, I have a div called "navigation", which should be on the right and has an automatic width. I also have another div called "icon", which should be on the left and should fill up the remaining width of "header". Please see it here: http://codepen.io/Rixterz/pen/KAdsr[^]

Help!

Posted 31-May-14 4:14am

Rixterz123

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)

**HardikPatel.SE** · Answer 1 · 2014-05-31T04:17:00

Solution 1

Add this style in css class :

CSS

display:inline;
float:left;

Add it in both... And you can design as you want...
:) :) :)

Posted 31-May-14 4:17am

HardikPatel.SE

Updated 31-May-14 4:20am

v2

Comments

HardikPatel.SE 31-May-14 10:26am

Then see this....

http://jsfiddle.net/hardik4now/VL9TE/

[no name] 31-May-14 10:28am

Please just use my example because yours is completely different.

[no name] 31-May-14 10:24am

That still doesn't make the first div fill the remaining space. Try the codepen example in the question using display:inline;
float:left; in both.

Side-by-side div alignment

1 solution

Solution 1

Add your solution here

Preview 0

Side-by-side div alignment

1 solution

Solution 1

Add your solution here

Preview 0

Existing Members

...or Join us