Floats

[StevenB]

Hi , am trying to float some items I have made div and called it header, there are three items the: the logo which is on the left its not floated, an unordered list with two list items which is floated to the right and the third item is a small logo floated to the right also but I want it to appear below the list items this is what my code looks like so far.

this the html **

• Facebook
• GPS Logistics

**

my css _#garminlogo{ width: 80px; }

.list { list-style: none; margin: 0; padding: 0; float: right; }

.list li { display: inline; margin-left: 10px;

}

garminlogo {

float: right;

}_

[chrisburton]

Please make a pen here: http://codepen.io/pen

[StevenB]

Hi, my code starts from “#garminlogo” and its an id to an image, sorry the site is not yet hosted.

[wolfcry911]

add clear: right; to the second logo

[StevenB]

Thanks for your response, am making progress now, I cleared right but there was no effect so I also floated right and it appears to be working.

[wolfcry911]

you stated it was floating…

[StevenB]

yes the list item and small logo are floating

[Merri]

Due to lack of information I sincerely apologize and provide an answer without floats: http://codepen.io/Merri/pen/EqpLB

Deal with it.

[chrisburton]

Out of curiosity, why would you want the logo twice in the header?

[StevenB]

http://codepen.io/StevenB/details/lJwLB

[Author]

Posts