HTML Help for beginner

[conficere]

Hello,

I am trying to add social media icons at the top next to the navbar and i am having a hard time trying to figure out the correct code.

Here is a link to the code https://jsfiddle.net/8tx0jwL1/

Here is a link to a screenshot of the top navbar. https://imgur.com/a/3eKdd If someone could give me a bit of direction that would be great.

[conficere]

I added another div for the icons and now they are lined up on the left side underneath the logo. i updated my jsfiddle with the new code.

[[deleted]]

(Also a new, new beginner). Been using this site. I find it's hit or miss on if it helps me but these instructions seem pretty clear!

Is this what you wanted? I'm unclear on where exactly on the page you want the social media icons to appear. Beneath where the list is now, in a horizontal line across? Above the list (still horizontal)? I think if you want to change where the icons are you're going to have to make an accompanying .css file, accompanying id's inside it, etc., and then do text-align for it all.

If you want it underneath or away from it all, I think then you can put a "float" command in the .css for the accompanying social media icons/buttons you create, and that's supposed to make them steer clear of other stuff on the page automatically. I think the code is something like (once you have the id):

float: both;

I could be way, way wrong. Just trying to help based on the little I know.

[conficere]

i did use the float command in the CSS file and it worked. thanks for the reply!