css help for float

[akm]

i have written some code in css and html but float is not working. i want the site name and logo at left side and menu or nav at right side

link of codepen

[vulkanus]

Hi,

Try this:

.homepage {
padding-left: 20px;
float: left;
left: 100px;
position: absolute;
top: 0;
}

nav {
margin: 0 auto;
text-align: right;
float: right;
right: 100px;
position: absolute;
}

[Paulie_D]

Please! – position:absolute is the worst nuclear option.

The primary issue is :

header * {
    display: inline-block;
}

Just remove that and half your problems are solved.

https://codepen.io/Paulie-D/pen/XWWJrmV

[akm]

thanks bro

[vulkanus]

Yes
didn´t see header* inline-block.

[akm]

but now the problem is that navigation section is table format

[JeroenR]

If you mean the vertical stack of list items, try display: flex in your nav ul or display: inline-block in your nav ul li. Whichever suits you best.

[Author]

Posts